Jquery 如何通过选择框将行添加到datatable?
通过从我的选择框中选择一个选项,我正在向我的数据表中添加一行:Jquery 如何通过选择框将行添加到datatable?,jquery,datatables,row,add,draw,Jquery,Datatables,Row,Add,Draw,通过从我的选择框中选择一个选项,我正在向我的数据表中添加一行: <select class="item-select"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="vw">VW</option> <option value="audi">Audi<
<select class="item-select">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
$(document).on('change', '.item-select', function() {
var optionValue = $(this).val();
var optionText = $('.item-select option[value="'+optionValue+'"]').text();
table.row.add({
"id": optionValue,
"name": optionText,
}).draw();
});
沃尔沃汽车
萨博
大众汽车
奥迪
$(文档)。在('更改','上。项选择',函数(){
var optionValue=$(this.val();
var optionText=$('.item select option[value=“'+optionValue+'”).text();
table.row.add({
“id”:期权价值,
“名称”:optionText,
}).draw();
});
它工作得很好,但我希望能够再次直接添加相同的选项。
这意味着,例如:我添加了
Volvo
,然后添加了Saab
,但当我现在想添加另一个Saab
时,它不起作用。我必须添加其他内容,如VW
,然后我可以添加Saab
添加空白值并重置不会触发更改事件的选择
$(文档).on('change',')。项选择',函数(){
var optionValue=$(this.val();
var optionText=$('.item select option[value=“'+optionValue+'”).text();
如果(选项值){
//table.row.add({
//“id”:期权价值,
//“名称”:optionText,
//}).draw();
$('option',this).first().prop('selected',true)
console.log(`${optionText}已添加`)
}
})
选择制作。。。
沃尔沃汽车
萨博
大众汽车
奥迪