怎么用变量？？

function showoper(){

var targetArray = null;

var oper="601,602,603,604";
    targetArray = oper.split(",");
    
for(var i = 0; i < targetArray.length; i++){

var jh=targetArray[i];
 document.getElementById("agent1").value=targetArray[0];
 document.getElementById("agent2").value=targetArray[1];
 document.getElementById("agent3").value=targetArray[2];
                             document.getElementById("agent4").value=targetArray[3]; 
                              document.getElementById("agent5").value=targetArray[4];  }

}
<table width = "150" align = "center" >
    <tbody> 
          <tr>
<td width="20" height="20"> <input type="text" name="agent1" value="" </td>
 <td width="20" height="20"> <input type="text" name="agent2" value="" </td>
<td width="20" height="20"> <input type="text" name="agent3" value="" </td>
<td width="20" height="20"> <input type="text" name="agent4" value="" </td>
<td width="20" height="20"> <input type="text" name="agent5" value="" </td>
     </tr>
    
    </tbody>
    </table>
 我的 var oper="601,602,603,604有100个值";
怎么用变量呀！！

解决方案 »

  1.   


    function showoper(){
    var targetArray = null;
    var oper="601,602,603,604";
    var targetArray = oper.split(",");

    for(var i = 0; i < targetArray.length; i++){
      document.getElementById("agent" + (i + 1)).value = targetArray[i];
     }
    }
      

  2.   

    <table width = "150" align = "center" >
        <tbody> 
                                                            <tr>
    <td width="20" height="20"> <input type="text" name="agent1" value="" </td>
     <td width="20" height="20"> <input type="text" name="agent2" value="" </td>
    <td width="20" height="20"> <input type="text" name="agent3" value="" </td>
    <td width="20" height="20"> <input type="text" name="agent4" value="" </td>
    <td width="20" height="20"> <input type="text" name="agent5" value="" </td>
            </tr>
                                
        </tbody>
        </table>这里是要写100多个吗？能用变量吗？
      

  3.   

    var oper="601,602,603,604";
    这个变量写死了吗，要是写死了用循环写...
    var oper ="";
    for(var i=m;i<n;i++){
      if(oper!=""){
        oper+=","
      }
      oper+=i;
    }
      

  4.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <script type="text/javascript">
    function showoper(){
    var oper="601,602,603,604",
    targetArray = oper.split(",");

    for(var i = 0; i < targetArray.length; i++){
    document.getElementById("agent" + (i + 1)).value = targetArray[i];
     }
    }
    window.onload = showoper;
      </script>
     </HEAD> <BODY>
      <table width = "150" align = "center" >
        <tbody> 
         <tr>
     <script type="text/javascript">
    for(var i = 1; i <= 100; i++){
    document.write('<td width="20" height="20"> <input type="text" name="agent' + i + '" value="" /></td>');
    }
    </script>
         </tr>
        </tbody>
       </table>
     </BODY>
    </HTML>
      

  5.   

    使用循环数组的方式
    是不是这个效果：function showoper(){
            
                var targetArray = null;
                
                var oper="601,602,603,604";
                   targetArray = oper.split(",");
                    var tr = document.getElementById("mytr");
                //以下代码自动生成单元格和文本框，并设置文本框的值
                for(var i = 0; i < targetArray.length; i++){   
                    var td = document.createElement("td");//创建单元格
                    td.innerHTML = "<input type = 'text' name = 'agent"+ i + "' value = '" + targetArray[i] + "'/>";//设置单元格的内容
                    td.style.width = 20 + "px";
                    td.style.height = 20 + "px";               tr.appendChild(td);//将生成的单元格插入行中
                 }
                
                }<table width = "150" align = "center" >
        <tbody> 
            <tr id="mytr">
            </tr>
                                
        </tbody>
        </table>
      

  6.   


    <table width = "150" align = "center" id="tab1">
    </table>
    <SCRIPT LANGUAGE="JavaScript">
      <!--
      showoper();
      function showoper(){
    var targetArray = null;
    var oper="601,602,603,604";
    for (var i=605; i<701; i++)
    {
    oper += ","+i.toString();
    }
    targetArray = oper.split(",");
    //alert(targetArray.length)
    var tab = document.getElementById("tab1");
    for(var i = 0; i < targetArray.length; i++){
    var newrow;
    if (i%5 == 0) newrow = tab.insertRow();
    var newcell = newrow.insertCell();
    newcell.innerHTML = '<INPUT TYPE="text" NAME="agent'+ i +'" value="'+targetArray[i]+'">';
     }
    }
      //-->
      </SCRIPT>
      

  7.   

    var oper="601,602,603,604";
    这个是后台传过来的不定数量
      

  8.   

    忘了写注释<table width = "150" align = "center" id="tab1">
    </table>
    <SCRIPT LANGUAGE="JavaScript">
      <!--
      showoper();
      function showoper(){
    var targetArray = null;
    var oper="601,602,603,604";
    //生成后面的字符串，一直到700
    for (var i=605; i<701; i++)
    {
    oper += ","+i.toString();
    }
    targetArray = oper.split(",");
    //alert(targetArray.length)
    var tab = document.getElementById("tab1");
    for(var i = 0; i < targetArray.length; i++){
    var newrow;
    if (i%5 == 0) newrow = tab.insertRow();//5个一行，逢5插入新的行
    var newcell = newrow.insertCell();//插入单元格
    newcell.innerHTML = '<INPUT TYPE="text" NAME="agent'+ i +'" value="'+ targetArray[i] +'">';//写入单元格内容
     }
    }
      //-->
      </SCRIPT>
      

  9.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <script>
    function showoper(){
           var targetArray = new Array();
       for(var i=0;i<100;i++){
    targetArray[i] = i+601;
       }
       for(var i=0;i<100;i++){
    var td = document.createElement("td");
    td.innerHTML = '<input type="text" id="agent"'+(i+1)+' value="'+targetArray[i]+'" />';
    document.getElementById("test").appendChild(td);
       }
       }
      </script>
     </HEAD> <BODY onload="showoper();">
      <table width = "150" align = "center" >
        <tbody> 
      <tr id="test"></tr>                       
        </tbody>
      </table>
     </BODY>
    </HTML>这样可以吗？
      

  10.   

    <head>
        <title></title>    <script language="javascript">
            window.onload = showoper;
    function showoper(){
            
                var targetArray = null;
                
                var oper=<%="601,602,603,604,232,334" %>;//服务器传来的数组串，也可以ajax
                   targetArray = oper.split(",");
                    var table = document.getElementById("listTab");
                    var cellcount = 4;//行的列数，可以按自己的要求修改
                    var tr;//创建的行对象
                    
                //以下代码自动生成单元格和文本框，并设置文本框的值
                for(var i = 0; i < targetArray.length; i++){ 
                  if  (i%cellcount==0){
                   tr = document.createElement("tr");
                   table.appendChild(tr);
                  }
                    var td = document.createElement("td");//创建单元格
                    td.innerHTML = "<input type = 'text' name = 'agent"+ i + "' value = '" + targetArray[i] + "'/>";//设置单元格的内容
                    td.style.width = 20 + "px";
                    td.style.height = 20 + "px";               tr.appendChild(td);//将生成的单元格插入行中
                 }
                
                }
                    </script></head>
    <body>
        <table id="listTab">
        </table>
    </body>