Question

我正在使用jquery datatables.I有一个按钮和一个包含3列的表。当我单击该按钮时，一行将插入到具有3个值的表中。但是我想将第三列作为下拉列表，以便在单击按钮时，将插入一行，用户可以从第三列的下拉列表中进行选择。我无法弄清楚如何做到这一点。以下是代码

var table = $('#sampletable').DataTable();

$('#add_btn').click (function() {
    table.row.add([
        "value 1",
        "value 2",
        "need a dropdown with value 1-10 here"]).draw(false);
});

Answer 1

您可以像这样向数据表 tbody 添加新行，确保您的表格有tbody标记，否则您可以在最后一行之后添加此内容;

var content =[];
content.push("<tr>");
 {
    content.push("<td>temp data</td>");
    content.push("<td>temp data</td>");
    content.push("<td>");
    {
        content.push("<select>");
         {
            content.push("<option>temp data </option>");
            content.push("<option>temp data </option>");
         }
        content.push("</select>");
    }
    content.push("</td>");
 }
content.pus("</tr>");



$("#yourTableID tobdy").append(content.join(""));

jquery datatables，如何将下拉列表插入表格单元格

1 个答案: