获取选定的值，放置在表格单元格内的下拉列表

我有一个HTML表格，如下所示。我想从这个表中检索行值。为了检索表格的行值，我写了这个java脚本，但是我得到了这个变量的值null，var score = comrow.cells [2] .childNodes [0] .selectedIndex;获取选定的值，放置在表格单元格内的下拉列表

如何正确检索下拉列表的选定值？

function adddata(tableID){ 

    var phraseTable = document.getElementById(tableID); 
     var phrrowCount = phraseTable.rows.length; 


     for(var i=0; i<phrrowCount; i++) { 
      var comrow = phraseTable.rows[i]; 
      // var comchkbox = comrow.cells[0].childNodes[0]; 
      var comval= comrow.cells[1].childNodes[0].value; 
      var score = comrow.cells[2].childNodes[0].selectedIndex; 
      } 
} 

<TABLE id="dataTable" name="topkphrase" cellpadding="0" cellspacing="0" border="1"> 


      <tbody> 
        <TD width="5%"><INPUT type="checkbox" name="chk"/> </TD> 
        <TD width="75%"><input type="text" name="txt" value="" size="100%"/></TD> 
        <TD width="20%"> 
         <SELECT name="score"> 

          <OPTION value="vimp">V.Important</OPTION> 
          <OPTION value="imp">Important</OPTION> 
          <OPTION value="avr">Average</OPTION> 

         </SELECT> 
        </TD> 
      </tbody> 
     </TABLE>

来源

2012-04-02 Kasun

btw你没有行，tr标签 – 2012-04-02 14:39:10

是的，我有它的三行这里显示的标签应该在一行中 – Kasun 2012-04-02 15:14:21

，而不是试图找到从表中<select>对象，你可以给一个<select> ID和使用的getElementById。

var selectElement = document.getElementById(selectID); 
console.log(selectElement.value); 
console.log(selectElement.selectedIndex);

您还可以使用getElementByName来查找名称为“score”的所有select语句。

var selectElement = document.getElementByName("score")[0]; 
console.log(selectElement.value); 
console.log(selectElement.selectedIndex);

您可能还需要寻找到JQuery这样做，因为它可能使事情变得更容易为你。

来源

2012-04-02 14:36:06

获取选定的值，放置在表格单元格内的下拉列表

回答

相关问题