javascript - jquery 数据表，如何将下拉列表插入表格单元格

Question

这个问题已经有答案了:

DataTable with dropdown Column (4 个回答)

已关闭 5 年前。

我正在使用 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(""));