如何仅更新selected-select的下拉列表

Question

我知道chosen包含输入搜索class="default"和ul下拉列表class="chosen-drop"。

chosen:updated更新整个selected-select（输入搜索和下拉列表）

所以问题是：如果我只想更新ul下拉列表而不更新输入搜索怎么办？ （chosen:updated正在更新时删除我输入的搜索文本）

Answer 1

$（this）是所选下拉列表中输入元素的选择器。我有keyup事件，这是我的代码：

$('.chosen-container').on('keyup','input', function(){

   var $text = $(this).val(); 
   var $select = $('select');    

   function write_text(input) {
     input.val($text);
   }

   function ajax_load(input) {
     $.ajax({
       url : Routing.generate('just.some.route'),
       type: 'POST',
       data: {text : $text},
       success: function (html) {
            $select.html(html);
            $select.trigger("chosen:updated");
            write_text(input);
       }
     });
   }

   ajax_load($(this));
});

您还可以在事件外部全局定义此函数，并在选择的其他ajax调用中使用它。