数据表下拉组合框

Question

我正在使用来自https://datatables.net 的数据表。 数据表上的一列有一个下拉组合框作为单元格数据。 当我按下按钮时，我需要获取所选行内组合框的所选值。

$.each($("#prize_selector tr.selected"), function () {
var row = prizes_table.row(this).data();
row[3].$('select').options[row[3].$('select').selectedIndex].id; 
[...]
});

但没有成功。如何在不遍历表格上的所有输入选择的情况下访问单元格内的 DOM 选择？ （有很多）。

edit控制台抛出 row[3].$ is not a function

Answer 1

我假设您正在使用 Select 扩展来选择行。

以下是访问每个选定行的select 元素的正确方法：

table.rows({ selected: true }).every(function(){
   var $select = table.$('select', this.node());
   var $option = table.$('select option:selected', this.node());

   console.log($select.val(), $option);
});

有关代码和演示，请参阅this example。