获取单元格数据表jquery中的select值

时间:2015-06-24 14:33:26

标签: datatables

我有一些包含一些数据的数据表。我还在单元格中添加了一个select元素。

$('#tableComponent').dataTable({
    "info": false,
    "bLengthChange": false, //used to hide the property 
    "aaData": objJson,
    "aoColumns": [{
        "mData": "componentID.productID"
    }, {
        "mData": "componentID.productName"
    }, {
        "mData": null,
        'mRender': function(o) {
            return '<select class="form-control"><option value="1">Stock 1</option><option value="2">Stock 2</option></select>';
        }
    }, {
        "mData": "quantity"
    }, {
        "mData": "unitPrice"
    }, {
        "mData": "total"
    }]
});

现在,我想获得已选择的选项的值。 你能帮我解决这个问题吗? 非常感谢你!

1 个答案:

答案 0 :(得分:1)

你可以做这样的事情

myTable.column(5).nodes().each(function (node, index, dt) {
  alert($(myTable.cell(node).node()).find('select.form-control').val());
});

这是一个演示 http://jsfiddle.net/dhirajbodicherla/s8JmF/329/

但是,要实现这一点,您必须初始化像这样的数据表

$('#test').DataTable({..});

而不是

$('#test').dataTable({..});

注意大写D