将返回的字符串一个个分开,并循环显示,一行最多五个,超过五个转行显示,

var response = "廣州市|深圳市|惠州市|汕頭市|佛山市|東莞市|河源市|茂名市|中山市|湛江市";
var arrString = new Array();
arrString = response.split("|");
if(arrString[0].length !=0)
{
var subArrString = new Array();
subArrString = arrString[0].split(",");
for(var i = 0;i<=subArrString.length;i++)
{ var html = "<table style='border: 0.8px solid #049FF1;' width='500'  cellspacing='0' cellpadding='0'>";
html += "<tr style='border=0; cellspacing=0; cellpadding=0;height:20px'>";
html += "<td style='border=0; cellspacing=0; cellpadding=0;font-size:12px;'><\/td>";
html += "<\/tr>";
html += "<tr style='border=0; cellspacing=0; cellpadding=0'>";
html += "<td style='border=0; cellspacing=0; cellpadding=0;font-size:12px;'>"+arrString[0]+"<\/td>";
html += "<td style='border=0; cellspacing=0; cellpadding=0;font-size:12px;'>"+arrString[1]+"<\/td>";
html += "<td style='border=0; cellspacing=0; cellpadding=0;font-size:12px;'>"+arrString[2]+"<\/td>";
html += "<td style='border=0; cellspacing=0; cellpadding=0;font-size:12px;'>"+arrString[3]+"<\/td>";
html += "<td style='border=0; cellspacing=0; cellpadding=0;font-size:12px;'>"+arrString[4]+"<\/td>";
html += "<td style='border=0; cellspacing=0; cellpadding=0;font-size:12px;'>"+arrString[5]+"<\/td>";
html += "<td style='border=0; cellspacing=0; cellpadding=0;font-size:12px;'>"+arrString[6]+"<\/td>";
html += "<\/tr>";
html += "<\/table>";
document.getElementById("show_city").innerHTML = html;

解决方案 »

  1.   

    var sRs="廣州市|深圳市|惠州市|汕頭市|佛山市|東莞市|河源市|茂名市|中山市|湛江市"; 
    var sRa=sTs.split("|");
    if(sRa.length!=0)
    {
    var sText='<table style="border: 0.8px solid #049FF1;" width="500px" cellspacing="0" cellpadding="0">'; 
    sText+='<tr style="border=0; cellspacing=0; cellpadding=0;height:20px">'; 
    sText+='<td style="border=0; cellspacing=0; cellpadding=0;font-size:12px;"> '+'<'+'/'+'td>'; 
    sText+='<'+'/'+'tr>';

    for(var i=0;i<sRa.length;i++)
    {
    if((i%5)==0)
    {
    sText+='<tr style="border=0; cellspacing=0; cellpadding=0">';
    }

    sText+='<td style="border=0;cellspacing=0;cellpadding=0;font-size:12px;">'+sRa[i]+'<'+'/'+'td>';

    if(((i+1)>=sRa.length)||(((i+1)%5)==0))
    {
    sText+=+'<'+'/'+'tr>';
    }
    }
    sText+=+'<'+'/'+'table>';

    document.getElementById("show_city").innerHTML=sText;
    }应该可以的了，自己再改一下吧
      

  2.   

    <head>
    <script language="javascript">
    function aa(){
    var word = "廣州市|深圳市|惠州市|汕頭市|佛山市|東莞市|河源市|茂名市|中山市|湛江市"; 
    var arrString = word.split("|"); 
    if(arrString.length !=0) 
    {  
    var NumPerRow = 5;
    var str="<table style='border: 1px solid #049FF1;' width='500'  cellspacing='0' border='1' cellpadding='0'>";
    str+= " <tr>";
    for(var i = 0;i <=arrString.length-1;i++) 
    { 
     
    if(i%NumPerRow ==0 && i!=0){
    str += "<\/tr><tr>";
    }
    str += " <td>"+arrString[i]+" <\/td>"; 
    }
    if(arrString.length%NumPerRow !=0){
    for(var i= 0 ;i<(NumPerRow-arrString.length%NumPerRow );i++){
    str += " <td>&nbsp;s<\/td>";
    }
    }
    str += " <\/tr>"; 
    str += " <\/table>"; 
    document.getElementById("show_city").innerHTML = str;
    }
    }
    onload=aa;
    </script>
    </head>
    <body>
    <div id="show_city"></div>
    </body>
      

  3.   

    cellspacing='0' border='1' cellpadding='0'cellspacing:设置间距border:设置边框cellpadding:设置内间距.多试试吧.