为select2输入文本添加id

Question

是否可以在select2正在生成的输入类型文本中添加id？为了解释我想要的东西，我必须根据城市制作过滤器，因为有太多的城市，我不能一次加载所有，所以我做了一个自动完成，但用户可以选择更多的城市，所以我想到了使用select2自动完成，我尝试使用该类，如此

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

问题是，我的页面上有更多的select2（一个带有一些代码，一个有一些区域等），我会为每个代码做无用的ajax请求

Answer 1

让我们跳出框框思考。您可能 将ID放在Select2实例上。

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

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

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

$('#first .select2-search__field')