从中获取选定值，下拉列表放置在表格单元格内答案

【问题标题】：Getting selected value from, dropdown list placed inside table cell从中获取选定值，下拉列表放置在表格单元格内
【发布时间】：2012-04-02 22:42:01
【问题描述】：

我有一个如下的 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>

【问题讨论】：

顺便说一句，你没有行，tr 标签
是的，我有一行，这里显示的三个标签应该排成一行

标签： javascript html jsp

【解决方案1】：

您可以给<select> 一个id 并使用getElementById，而不是尝试从表中查找<select> 对象。

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

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

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

您可能还想查看JQuery 这样做，因为它可能会让您的事情变得更容易。

【讨论】：