jquery datatables，如何将下拉列表插入表格单元格[重复]

Question

我正在使用 jquery 数据表。我有一个按钮和一个包含 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(""));