javascript - 添加 id 到 select2 输入文本

Question

是否可以将 id 添加到 select2 生成的输入类型文本中？为了解释我想要什么，我必须根据城市制作一个过滤器，因为城市太多，我无法一次加载它们，所以我做了一个自动完成，但用户可以选择更多城市，所以我想到了一个使用 select2 自动完成，我尝试使用该类，如下所示

$('.select2-search__field').on('keyup', function(e) {
                console.log($(this).val());
            }); 

问题是，我的页面上有更多 select2 (一个包含一些代码，一个包含一些区域等)，我会对每个页面执行无用的 ajax 请求

Answer 1

让我们跳出框框思考。您可能不需要在 Select2 实例上添加 ID。

您需要以某种方式区分 Select2 的不同实例。也许您已经熟悉的一种更简单的方法是将它们包装在具有 ID 的 div 中:

<div id=first>
  <!-- one select2 -->
</div>
<div id=second>
  <!-- the other select2-->
</div>

您现在可以根据包装器的 ID 访问不同的。

$('#first .select2-search__field')