Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquerydatatables,如何将下拉列表插入表单元格_Javascript_Jquery_Datatable - Fatal编程技术网

Javascript jquerydatatables,如何将下拉列表插入表单元格

Javascript jquerydatatables,如何将下拉列表插入表单元格,javascript,jquery,datatable,Javascript,Jquery,Datatable,我使用jquery数据表。我有一个按钮和一个有3列的表。当我单击按钮时,一行将被插入到具有3个值的表中。然而,我想让第三列作为下拉列表,这样当点击按钮时,一行将被插入,用户可以从第三列的下拉列表中进行选择。我不知道该怎么做。下面是代码 var table = $('#sampletable').DataTable(); $('#add_btn').click (function() { table.row.add([ "value 1", "value

我使用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);
});

您可以像这样向datatable 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(""));

我认为datatables可以使用html标记。是否尝试添加到第三列中?是的,但问题是当我使用table.column2.data读取表值时,它以文本形式提供给我。也许可以尝试使用此选项,这可能适用于DOM表,但肯定不是在dataTables中插入行的方法。重新绘制表格时,该行将消失。