如何根据onchange事件的序列ID名称获取值？

Question

有一个表中包含添加行按钮的字段。我使用onchange事件来调用其他表数据，所以较早(do not need input the value manually). 后来我在同一个表中添加行，当我选择在选项框中选择一个选项可以自动获得已选择的值之后，我选择一个选项放回盒子选项，并从第一个得到不同的值，the problem is the values ​​obtained appear in the first box, not in the second box.

对于HTML例如：

<table id="table"> 
    <tr> 
     <td>No</td> 
     <td>Name</td> 
     <td>Class</td> 
     <td>Point</td> 
     <td>Action</td> 
    </tr> 
    <tr> 
      <td>1</td> 
     <td><select name="name"> 
      <option value="#">&nbsp;</option> 
      <?php 
        opendb(); 
       $query = "SELECT * FROM student"; 
       $result = mysql_query($query); 
       while($data = mysql_fetch_array($result)){ 
        $ID = $data['ID']; 
        $Name = $data['Name']; 
        echo "<option value='$ID'>$Name</option>"; 
       } 
      ?> 
      </select> 
     </td> 
     <td><select name='class' onchange="choosepoint(this);"> 
      <option value="#">&nbsp;</option> 
      <?php 
        opendb(); 
       $query = "SELECT * FROM student2"; 
       $result = mysql_query($query); 
       while($data = mysql_fetch_array($result)){ 
         $ID1 = $data['ID']; 
        $class = $data['Class']; 
        echo "<option value='$ID'>$class</option>"; 
       } 
      ?> 
      </select> 
     </td> 
     <td> 
       <div id="point" name="point"></div> 
      </td> 
      <td><input type="button" value=" + " onClick="addRowToTable();"> | <input type="button" value=" - " onClick="removeRowFromTable();"></td> 
    </tr> 
</table> 

我正在寻找，这个问题我发现这里：

function choosepoint(combobox) 
{ 
    var kode = combobox.value; 
    if (!kode) return; 
    xmlhttp.open('get', '../template/get_point.php?kode='+kode, true); 
    xmlhttp.onreadystatechange = function() { 
     if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) 
     { 
      document.getElementById("point").innerHTML = xmlhttp.responseText; 
     } 
     return false; 
    } 
    xmlhttp.send(null); 
} 

如果ID名称为“点”改成“点2”，那么该值将出现在第二个框，但在第一个框中的值丢失。

于是，我就循环，以获得ID名称的值是点，点2，POINT3等（根据需要多少添加行）。

function choosepoint(combobox) 
{ 
    var kode = combobox.value; 
    if (!kode) return; 
    xmlhttp.open('get', '../template/get_point.php?kode='+kode, true); 
    xmlhttp.onreadystatechange = function() { 
     if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) 
     { 
      Var tbl = document.getElementById("table"); 
      var r = tbl.length; 
      var i = r; 
      document.getElementById("point"+ i).innerHTML = xmlhttp.responseText; 
     } 
     return false; 
    } 
    xmlhttp.send(null); 
} 

我已经得到的结果为空或没有价值，不能运行或不能获得的价值是点，点2，POINT3等 有没有办法，我做了任何脚本错误？需要大帮忙m（_ _）m。

谢谢。

更新：这是对解决。

function choosepoint(combobox) 
{ 
    var kode = combobox.value; 
    if (!kode) return; 
    xmlhttp.open('get', '../template/get_point.php?kode='+kode, true); 
    xmlhttp.onreadystatechange = function() { 
     if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) 
     { 
      var tbl = document.getElementById("table"); 
     var r = tbl.rows.length; 
      var add = document.getElementById("point"+r); 

     add.innerHTML = xmlhttp.responseText; 
     } 
     return false; 
    } 
    xmlhttp.send(null); 
} 

Answer 1

在你的代码给表的ID为“表”，然后您访问“的document.getElementById（‘表’）”，然后你用“TBL。长度“导致null或没有值。这里的问题是，当你使用的getElementById你没有财产“长度”。为了访问多个表使用以下内容

<table name="table"> 
and then 
tbl = document.getElementById('table') 
r = tbl.rows.length; //This will give you the row length. 
function choosepoint(combobox) 
{ 
    var kode = combobox.value; 
    if (!kode) return; 
    xmlhttp.open('get', '../template/get_point.php?kode='+kode, true); 
    xmlhttp.onreadystatechange = function() { 
     if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) 
     { 
      Var tbl = document.getElementById('table') 
      var r = tbl.rows.length; 
       alert(document.getElementById("point"+r));//This should be object. If undefined then you don't have any element. 
       **//Edit Part** 
       if(document.getElementById("point"+r)) 
       document.getElementById("point"+r).innerHTML = xmlhttp.responseText; 
       else 
       { 
        var cellRight = row.insertCell(3);//The cell or column number can be any here am using it as third column. 
        var div = document.createElement('div'); 
        div.id = 'point' + r; 
        cellRight.appendChild(div); 
        cellRight.innerHTML = xmlhttp.responseText; 
       } 
      **//Till Here** 
     } 
     return false; 
    } 
    xmlhttp.send(null); 
} 

希望这有助于。