jquery - 如果选项尚不存在，如何从搜索中将选项添加到引导选择？

Question

我正在使用bootstrap-select .

如果在通过 data-live-search="true" 获得的搜索菜单中找不到新选项，如何向 select 添加新选项>，因为它还不存在？

Answer 1

请按照以下代码操作::

HTML

<select class="selectpicker" id="selectpicker" data-live-search="true">
  <option data-tokens="ketchup mustard">Hot Dog, Fries and a Soda</option>
  <option data-tokens="mustard">Burger, Shake and a Smile</option>
  <option data-tokens="frosting">Sugar, Spice and all things nice</option>
</select>

CSS

.no-results{
    cursor: pointer;
}

JQUERY

$(document).ready(function (e) {
    $(document).on('click', 'li.no-results', function () {
        var new_option = $(this).text().split('"')[1];
        $("#selectpicker")
       .append('<option>'+ new_option +'</option>')
       .selectpicker('refresh');
       //You can also call AJAX here to add the value in DB
    });
});

请根据需要更改这些代码。
工作 Jsfiddle 链接:https://jsfiddle.net/ktmv1vxh/1/