javascript - 使用数据实时搜索刷新选择器，忽略文本过滤器

Question

我有大量的多重选择，因此我目前正在为选择器多重选择添加选项，并在用户键入时通过 Ajax 进行数据实时搜索。刷新正确更新了选项，但不幸的是它也忽略了当前的数据实时搜索文本。

这是我的做法:

1. 初始化不带任何选项的选择器

2. 当用户输入时，我动态添加一个选项，然后使用刷新方法(正常工作)

3. 如果用户用其他内容替换其文本，它将动态添加其他选项，但也会显示第一个选项(与用户文本过滤器无关)

$('#special_selectpicker').parent().find('input.form-control').on('input', function() {
  if ( $(this).val().length >= 3 ){
    $.ajax({
      url: "/get_objects/json/app_name/item",
      data: {
        filters: JSON.stringify([
            {
              column: "name__icontains",
              value: $(this).val()
            }
          ]),
        fields: JSON.stringify(['uppercase_name'])
      },
      success: function (result) {
        item_added = false
        json_result = JSON.parse(result)

        for ( const id in json_result['results'] ){
          item = json_result['results'][id]
          if( !option_cities.includes(item['pk']) ){
            option_cities.push(item['pk'])
            $("#special_selectpicker").append('<option value="' + item['pk'] + '">' + item['uppercase_name'] + '</option>')
            item_added = true
          }

        }

        if( item_added ){
          $('#special_selectpicker').selectpicker('refresh');
        }

      }
    });
  }
});

我找不到一种方法来要求选择器根据文本过滤器重新过滤。我做错了什么吗？

Answer 1

由于我的函数在两次给出相同文本的情况下没有获得任何新结果，因此如果我有新结果，我会触发 select-picker 事件的事件输入，从而达到目的。