Tag: jquery select2

初始化动态创建的select2

我有一个select2下拉列表，我提供了一个匹配器function。 它在初始页面加载时初始化为： jQuery(document).ready(function() { jQuery(“.my_select2”).select2({ matcher: function(term, text) {…} }); }); 这适用于初始页面加载。 现在，我有额外的下拉菜单（ select动态创建的元素（通过AJAX拉入，即jQuery(match).load(url) 。这些额外的下拉菜单不会像select2小部件那样初始化，这是可以理解的，即使它们匹配原始的select2选择器。 那么，我怎样才能告诉jQuery将这些动态创建的select元素视为需要初始化的select2项？ 我可以在匹配元素上设置某种“监视”，这样每次匹配元素添加到页面时，select2初始化都会启动吗？ 我记得前一段时间在jQuery中引入的live() ，如果我理解正确的话，它会在创建之前支持匹配元素。 我从未使用过该function，现在看来已弃用了。 但它确实感觉像我正在寻找的那种东西。 这是一个WordPress插件，目前使用jQuery v1.11.2。

JQuery Select2 – 如何选择所有选项

我正在使用jQuery select2多选下拉列表。 我需要从代码的下拉列表中选择所有选项。 基本上有一个Select All复选框，必须在其上实现此function，我想从此复选框中选择/取消选择选项。

Select2：如何防止标签排序

当用户选择许多项目（标签）时，它们会按字母顺序自动排序。 如何使用Select2 4.0防止自动排序并保持用户的订单？ 更新： 提到的“可能的dublicate问题”是针对旧版本的Select2 v3 …我问的是版本4 …它与旧版本不同，并提到答案不能解决问题。

select2和jqueryvalidation无法正常工作

尝试在select2上使用validation，但有一些问题： 将显示错误消息，但输入有效条目时不会删除。 我正在加载一个工作正常的初始值…然而，validation器不识别该值并告诉我它无效…我必须手动输入相同的值然后validation，但仍然不会删除显示它的错误类/消息是有效的。 forms： filter : <input id="filter_default" type="hidden" name="settings[original]" value="”/> js： // get the default filter var default_filter = $(“#filter_default”).val(); $(“#vedit-filter”).select2({ //placeholder: “Select or enter…”, allowClear: true, multiple: false, ajax: { dataType: ‘json’, url: ‘/process/get_filter_list.php’, results: function (data) { return {results: data}; } }, createSearchChoice:function(term, data) { if ($(data).filter(function() { return this.text.localeCompare(term)===0; }).length===0) { […]

如何使用jquery.validation插件使select2工作？

我正在尝试使用jquey.validation插件validationselect2字段，但没有任何反应。 我想要选择必填字段。 我正在使用这个自定义validationfunction： $.validator.addMethod(“requiredcountry”, function(value, element, arg){ return arg != value; }, “Value must not equal arg.”); 这是规则： rules: { country: { required: true, requiredcountry: “” } } 我应该使用哪个select2字段来匹配规则？ 我很感激如何让select2与jquery.validation一起工作 10倍

使用带有JqGridforms的bootstrap select2

我试图用jqgridforms实现bootstrap select2，但似乎可以正确。 在jqgrid声明的colmodel我有： {name: ‘staff’, index: ‘staff’, width: 31, formoptions: {elmprefix: ‘(*) ‘}, editable: true, editrules: {required: true}, edittype: ‘select’, editoptions: {value: staff, dataInit: function(element) { $(element).width(260).select2(); } } }, 选项在那里，引导类插入到元素中， <select id="staff" class="select2-offscreen FormElement" role="select" 但我得到的只是选择的空白区域。 见下图。 有人能告诉我为什么会这样，或者告诉我我做错了什么？ 谢谢。