jquery-select2 - 如何将 Select2 与 Inputmask 一起使用

Question

我正在尝试创建一个 Select2带 InputMask 的盒子插入 IP 地址并将它们添加为标签。

如果我单独使用任何一个库，它就像一个魅力，但两者一起会导致奇怪的行为。

当我输入数字时，掩码没有填充，而是似乎在扩展。

我更改了 select2 的类型 <input class=“select2-search__field“>来自 search至 text . Inputmask 库使这成为必要，但它不应该导致错误，因为类型是 functionally identical.

我创建了一个 Fiddle 来显示行为:Fiddle

HTML:

<select multiple id="sel1" style="width:100%"></select>

JS:

$("#sel1")
.select2({
   tags: true 
})
.on("select2:open", function () {
   $(".select2-search__field")
   .attr("type","text")
   .inputmask({alias: "ip", greedy: false});  
})

在我的本地示例中，我更改了库以支持 search并且行为是相同的。

我错过了什么吗？

Answer 1

如果您，有一个坏消息要告诉您必须使用版本 4.0.5 .

已修复 jsfiddle通过将 select2 降级到版本 4.0.2
主要是版本 <= 4.0.2
https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.js

试过 4.0.3一直到 4.0.6-rc.1但没有运气。

开通issue select2#5216与选择2。

我做了一个小改动，但这与问题本身无关。

$('.select2-search__field').attr('type', 'text');
$('.select2-search__field').attr('style', 'width: 10em;');
$('.select2-search__field')
.inputmask({
  alias: 'ip'
});