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}已添加`)
}
})

选择制作。。。
沃尔沃汽车
萨博
大众汽车
奥迪