如何從數據表單元格的下拉菜單中獲取價值

Question

我有兩個DataTable並且在第二個從第一數據創建的下拉 。 我在這里創建了一個jsbin

如果您在第一個表中添加了一些說明（添加任何文本，然后單擊“添加指令”）-然后單擊“ Load Copied Data按鈕，您將看到從第一個表中填充了下拉框。

如果我做：

$('#btnTest').on('click', function (e) {

    var tsor = $('#tblSORSInstall').dataTable();
    var ins = tsor.fnGetData();


    alert(ins);

});

它基本上為我提供了下拉菜單的html-如何獲得他們選擇的值？ 我當時在考慮隱藏列，並在下拉列表的onchange上對其進行更新，但是還有更好的方法嗎？

提前致謝

Answer 1

您可以使用jQuery.map（）生成選定文本/值的數組，如下所示。

$('#btnTest').on('click', function (e) {

    //var tsor = $('#tblSORSInstall').dataTable();

    var ins = $('#tblSORSInstall').find("tbody select").map(function() {

        return $(this).find(":selected").text() // get selected text
        //return $(this).val() // get selected value

    }).get()

    alert ( JSON.stringify(ins, null, 2) )

});

這是您的JS Bin-更新

Answer 2

使用tsor.fnGetNodes()可以獲取所有表行節點，然后可以循環遍歷這些節點並獲取選擇值。

最終代碼看起來像

 $('#btnTest').on('click', function (e) {
    var tsor = $('#tblSORSInstall').dataTable();
    var ins = tsor.fnGetData();
    var a = tsor.fnGetNodes();
    $.each(tsor.fnGetNodes(), function (index, value) {
        alert($(value).find('select').val());
    });  
});