如何使用javascript或jquery获取HTML表格单元格数据

Question

我想使用javascript / jquery提取表格单元格数据。

表单元格结构：

<select id="id_item_set-0-type" name="item_set-0-type" onchange="get_names_list(this)" required="required">
    <option value="">SELECT</option>
    <option value="GOLD" selected="selected">GOLD</option>
    <option value="SILVER">SILVER</option>
</select>

jQuery功能：

$( document ).ready(function() {
    var table_id = document.getElementById('item_grid');
    var rows_len = table_id.rows.length-2;
    for(var i=1; i <= rows_len; i++){
        var e = table_id.rows[i].cells[0].firstChild;
        alert(table_id.rows[i].cells[0].innerHTML);
        var item_type = e.options[e.selectedIndex].text;
    }
});

如果我使用table_id.rows[i].cells[0].innerHTML我会得到单元格html，但我想获取选定的选项值。 我尝试了e.options[e.selectedIndex].text但抛出错误e.selectedIndex is undefined 。 我如何获得选定的期权价值。

他们实际上是两个select tags

<select id="id_item_set-0-name" name="item_set-0-name" required="required">
<option value="">SELECT</option>
<option value="1" selected="selected">Name1</option>
<option value="2">name2</option>
..............
</select>

而且我必须提取两者的选定值。 For example : item_type = "GOLD" and item_name = "name1"它们可以是我必须迭代的任何数量的行。 并且必须同时获得item_type和item_name值。

Answer 1

为什么将选择标签与表格标签混淆？

所有你需要的是：

$('#id_item_set-0-type').find(":selected").text();

将其添加到您的.ready()函数中。

如果您的ID是在服务器端动态生成的，并且这是唯一的select语句，请使用：

$('select').find(":selected").text();

Answer 2

尝试这个：

$( document ).ready(function() {
    var selected_val= $('#"id_item_set-0-type :selected"').val();
    var selected_text=$('#"id_item_set-0-type :selected"').text();
}