Tag: jquery select2

jquery select2如何使select不要关闭: 使用“多值选择框”时，请在每次选择后退回http://ivaynberg.github.io/select2/选择框。有没有办法不这样做，所以用户可以选择一些没有额外的点击选择框？也对团体选择感兴趣。在上面的演示url中，“Pasific Time Zone”，“Mountain Time Zone”无法点击。如何使其可点击并自动选择子项目？

jQuery表单转发器和select2不能一起工作: 我正在使用Select2和jQuery表单转发器（ https://github.com/DubFriend/jquery.repeater ）我已经在google /上搜索了2天，但似乎无法让它工作。 include jquery/select2.js/jquery.repeater.js var form = $(‘#form’); form.find(‘select’).select2(); form.repeater({ show: function () { $(this).show(function(){ form.find(‘select’).select2(‘destroy’).select2(); }); }, hide: function (remove) { $(this).hide(remove); } }); 问题是jQuery.repeater克隆了div标签，其中input2已经初始化并且已经更改了DOM，因此jQuery.repeater会复制更改的DOM。我试图在调用重复动作之前销毁select2，但是dindt也可以工作。

在JQuery下拉列表中禁用select2插件: 我从json获取值并在弹出窗口中显示它。我需要禁用我从json获得的选项。我怎样才能做到这一点？我试过普通的jQuery，但它不起作用。我试过残疾，但也没用。请给出解决方案。

如何克隆select2 v4 Ajax: 我正在尝试使用Select2 ver4 jquery插件进行AJAX调用，并使用加载Select2示例页面的远程数据我试图克隆包含select2工具的选择。但克隆时禁用了select2下拉列表。 HTML代码 Add Line jQuery代码 $.fn.select2.amd.require( [“select2/core”, “select2/utils”, “select2/compat/matcher”], function (Select2, Utils, oldMatcher) { var $ajax = $(“.js-example-data-ajax”); function formatRepo (repo) { if (repo.loading) return repo.text; var markup = ” + ” + ” + ” + ” + ” + ” + repo.full_name + ” + ‘ ‘ + repo.forks_count + […]

Select2 4.0.x Multi Checkboxes JS插件: 我正在使用Select2控件和Select2.Multi-checkboxes.JS插件来允许多个复选框选择。以下演示显示该控件可与Select2 3.x一起正常工作： http://jsfiddle.net/wasikuss/gx93rwnk/ 但是，当我从这个我自己的小提琴克隆到Select2 4.0.x时，它停止了工作。复选框不再显示。有什么问题？ http://jsfiddle.net/oa435z7s/ 我通过直接分叉（克隆）将所有元素从小提琴1复制到小提琴2。代码中没有手动更改任何内容。我只删除了之前的Select2 CSS / JS并用4.0.5替换它们。 Select2-MultiCheckboxes JS完全相同。另外这里是一个JSFiddle，我更新了Raw Multi-Checkbox JS引用，前一个引用了名称的版本3.5引用： https ： //raw.githubusercontent.com/wasikuss/select2-multi-checkboxes/master/select2.multi -checkboxes.js我认为这是最新的？ http://jsfiddle.net/oa435z7s/2/这更糟糕。是否有适用于Select2 4.0.x的新版Select2.Multi-Checkboxes.JS ？

jQuery Validate，Select2和Bootstrap 3 Popovers – 如何将Popover绑定到Select2的父元素而不是隐藏的选择元素: 我已经实现了使用Bootstrap 3的Popovers来显示validation错误消息的优秀方法，并且在大多数情况下它运行良好 – 除了隐藏或替换的元素，如Select2或CKEditor。弹出窗口正确地定位在常规元素（如输入和正常选择）上，但不是选择2增强的选择。我创建了一个Sparky固定的小提琴，所以它实际上有效： http ： //jsfiddle.net/jemxtthb/4/ $(“#noticeSentTo”).select2(); var validator = $(“#documentAdmin”).validate({ debug: true, ignore: “”, showErrors: function(errorMap, errorList) { $.each(this.successList, function(index, value) { return $(value).popover(“hide”).parents(“.form-group”).removeClass(‘has-error’).addClass(‘has-success’); }); return $.each(errorList, function(index, value) { var _popover; _popover = $(value.element).popover({ trigger: “manual”, placement: “auto top”, content: value.message, container: “body”, template: “” }); _popover.data(“bs.popover”).options.content = value.message; return […]

将外部json预加载到选择框中，然后在搜索后获取特定结果: 所以我期待在select2框中加载外部数据，其中有来自json的预填充结果我有两个问题 – 获取数据然后只加载前几个但当用户搜索时将请求传递给其余的，然后返回特定的json 所以HTML很简单初始js是 $(document).ready(function () { $(‘#e21’).select2({ query: function (query){ var data = {results: []}; console.log(data); $.each(preload_data, function(){ if(query.term.length == 0 || this.text.toUpperCase().indexOf(query.term.toUpperCase()) >= 0 ){ data.results.push({id: this.id, text: this.text }); } }); query.callback(data); } }); $(‘#e21’).select2(‘data’, preload_data ); }); 这样做是在preload_data中加载所以可能 var preload_data = [ { id: ‘user0’, text: ‘Disabled User’}, { […]

如何获取select2中所选选项的data- *值？: 这就像本主题的第二部分，现在我需要能够从一个选择到另一个选择读取动态data-*属性。这是什么意思？首先看一下下图：你看到的是以下代码的作用： // This turn 1st and 3rd into select2 $(‘#module, #conditions’).select2(); // This turn 2nd into select2 using data from a datasource $(‘select#fields’).select2({ placeholder: ‘Select a field’, data: data.fields }); 正如我在引用的主题中发布的那样， data.fields有一个类似于以下内容的JSON： “fields”: [ { “id”: “companies_id”, “text”: “companies_id”, “data-type”: “int” }, { “id”: “parent_companies_id”, “text”: “parent_companies_id”, “data-type”: “int” }, { “id”: […]

select2来自post的createSearchChoice id: 我使用select2作为标记输入，但在处理新标记的创建并将新标记id重新放回select2时我感到困惑这个问题与Select2.js密切相关：为什么id与删除时更改的文本相同？你可以从他的jsfiddle http://jsfiddle.net/7e8Pa/看到，当在createSearchChoice中找不到文本时，会创建新选项，id：-1，text：term，然后在on change事件中，更改id为5 我需要能够向服务器提交$.post ，然后获取id而不是使用静态5 问题是，如果我在createsearchoption中提交post，那么在标签tabe中找不到的每个击键都会创建一个新标签，并且在更改事件中尝试发布，我假设更改事件在ajax返回之前结束 .on(“change”, function(e) { log(“change “+JSON.stringify({val:e.val, added:e.added, removed:e.removed})); if (e.added) { // if its got an add obj if (isNumeric(e.added.id)){ //if its not an existing tag , it passes a string instead of an id // so just do a regular add add(e.added.id); } else { //get the […]

如何使用多个修改后的select2选择框？: 我有一个jquery代码，即使用我的select2标签。它运作良好： $(‘select’).select2({ placeholder: ‘Select a month’ }); $(“select”).on(“select2:select”, function(evt) { var element = evt.params.data.element; var $element = $(element); window.setTimeout(function() { if ($(“select”).find(“:selected”).length > 1) { var $second = $(“select”).find(“:selected”).eq(-2); $element.detach(); $second.after($element); } else { $element.detach(); $(“select”).prepend($element); } $(“select”).trigger(“change”); }, 1); }); $(“select”).on(“select2:unselect”, function(evt) { if ($(“select”).find(“:selected”).length) { var element = evt.params.data.element; var $element = […]