使用 HTML 在 select2 标记器中设置 maxElements 属性

Posted 2023-05-09

【中文标题】使用 HTML 在 select2 标记器中设置 maxElements 属性

【英文标题】：Set maxElements property in select2 tokenizer using HTML

【发布时间】：2016-09-21 13:07:21

【问题描述】：

我使用jQuery Tokenize 在下拉菜单中选择多个值。我的要求是我想在用户选择一个元素后禁用下拉菜单。

HTML 代码

<select id="myinput" multiple="multiple"class="tokenize-sample" required="required" maxElements=1></select>

要将属性设置为下拉，我们可以使用以下代码 sn-p。但在我的情况下，它将使用现有的下拉列表绘制另一个下拉列表。所以我想像上面的代码 sn-p 一样向 html 代码添加属性。

<script type="text/javascript">
$('#myinput').tokenize(
    maxElements: 1
);
</script> 

这就是我在下拉菜单上调用方法的方式，这工作正常。但我的要求是在初始化后在下拉菜单上添加属性。

$("#myinput").data('tokenize').disable();

如果有人知道如何实现这一点，请告诉我。

【参考方案1】：

也许我误解了，但如果你想在添加元素后禁用 Tokenize，你可以这样做：

$('#myinput').tokenize(
  onAddToken: function() $("#myinput").data('tokenize').disable();,
  maxElements: 1
);

https://jsfiddle.net/e6s96v2s/