Отмените выбор Selectpicker удалить строку таблицы в заказе Информация - PullRequest
Новая
       15

Отмените выбор Selectpicker удалить строку таблицы в заказе Информация

0 голосов
/ 23 марта 2020

Я использую 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
...