从 table 获取数据到文本框

Question

我正在通过 jQuery 创建一个 table，在这个 table 中，我将 3 列连接成 1 列：

所以我如何在 1 列中连接多列连接前：

if (re.length > 0) {
    $("#services_schdulue").append
     $('#services_schdulue thead').append("<tr><th>Service ID</th><th>Service Type</th><th>frequency</th><th>Freq_Duration</th><th>Freq_Mileage</th></tr>");

    for (var i = 0; i < re.length; i++) {
        if (re[i] !== null) {
            $('#services_schdulue tbody').append('<tr><td>' + re[i][0] +
                '</td><td>' + re[i][1] +
                '</td><td>' + re[i][2] + 
                '</td><td>' + re[i][3] 
                '</td><td>' + re[i][4] +
                '</td></tr>');                                                               
        }
    }
}

连接后：

if (re.length > 0) {
    $("#services_schdulue").append
    $('#services_schdulue thead').append("<tr><th>Service ID</th><th>Service Type</th><th>S freq</th></tr>");

    for (var i = 0; i < re.length; i++) {
        if (re[i] !== null) {
            $('#services_schdulue tbody').append('<tr><td>' + re[i][0] +
                '</td><td>' + re[i][1] +
                '</td><td>' + re[i][2] + '' + re[i][3] + '' + re[i][4] +
                '</td></tr>');       
        }
    }
}

var myTable = $('#services_schdulue').DataTable({
    "columnDefs": [{ 
        "visible": false, 
        "targets": [3,4,5] 
    }]               
});

Answer 1

试试下面的解决方案，我想这会对你有所帮助。

$('#services_schdulue').on('click', 'tr', function () {
        var row = $(this)[0];
        console.log(re[row._DT_RowIndex]);
});

在控制台中，您可以找到该行的全部数据，您单击的是哪一行。

根据您的jsfiddle，以下解决方案对您有所帮助。 不要忘记在 document.ready

之外声明变量 re

    $('#tabledata').on('click', 'tr', function () {

        $("#myModal").modal("show");
            var row = $(this);
            var row_index = row[0]._DT_RowIndex;
            var data = re[row_index];

            $("#txt_status").val(data.Status);
            debugger;
            //var repeat = myTable.row.find('td')[2].firstChild.data;
            $("#txt_speed").val(data.Speed);
        });

从 table 获取数据到文本框

lfetch data from table to text box

html

jquery

datatables

fetch