Я использую bootstrap -selectpicker, что я делаю, когда я нажимаю опцию select, это добавляет строку в таблицу информации о заказе ... Но когда я нажимаю unselect. Я хочу удалить строку, которая была добавлена .. Я приложил изображение для идеи.
[! [Введите описание изображения здесь] [1]] [ 1]
var selected = [];
$('.selectpicker').change(function () {
var row = '';
service_id = $('.selectpicker').val();
var service_name = $(this).find("option:selected").data('service');
var service_price = $(this).find("option:selected").data("subtext");
if($(this).parent().find("li.selected").length == 1){
row += '<tr id="'+service_id+'">';
row += '<td><span class="label label-megna label-rounded">'+service_name+'</span> </td>';
// row += ' <td class="txt-oflo">April 18</td>';
row += '<td><span class="text-success">'+service_price+'</span></td>';
row += '</tr>';
$("#order_info_table tbody").append(row);
row = '';
}
if($(this).parent().find("li.selected").length == 0){
//what to do here ??
}
// console.log($(this).parent().find("li.selected"));
// $(this).parent().find("li.selected").bind('keyup', (event) => {
// alert();
// });
});```
I also Tried That..
```if($(this).parent().find("li.selected").length == 0){
$("table#order_info_table tr#"+service_id+"").remove();
alert(service_id);
}```
[1]: https://i.stack.imgur.com/9PY3S.jpg