Javascript jquerydatatables,如何将下拉列表插入表单元格
我使用jquery数据表。我有一个按钮和一个有3列的表。当我单击按钮时,一行将被插入到具有3个值的表中。然而,我想让第三列作为下拉列表,这样当点击按钮时,一行将被插入,用户可以从第三列的下拉列表中进行选择。我不知道该怎么做。下面是代码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
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中插入行的方法。重新绘制表格时,该行将消失。