Tag: jquery select2
使用Ajax的Select2没有发送请求
我正在使用Select2版本4.0.0并尝试从PHP脚本加载远程JSON，该脚本返回我需要的已格式化数据。 问题是，黑暗的力量正在制造一些东西，因为我无法发送请求，没有错误，但没有发送请求，它只是像魔鬼一样安静，我几乎哭了！ 我使用LiveScript和Jade作为JavaScript和HTML的替代品，但我会在这里翻译。 首先，我的标记定义了可选字段： 然后，我可以使它看起来像一个可选择的元素： $(“#satan-hates-me”).select2({ placeholder: “Hail”, minimumInputLength: 1, ajax: { // Here that bad things happen, I mean, don’t happen url: “http://localhost/os/backend/TestServiceOrder.php?req=getEquipments”, dataType: “json”, type: “GET”, quietMillis: 50, data: function(term) { return { term: term } }, results: function(data) { return data; } } }); 我正在执行这个包装在一个加载函数中，在页面加载后，它看起来像一个可选择的，但没有发送任何请求，并且该脚本返回了我所需的格式，例如： [{id: 1, text: “Sadness”}, {id: 2, text: […]
模糊的jQuery Select2标签
我正在使用Select2在我的应用程序中创建一个Gmail风格的电子邮件地址字段。 除了一种情况之外，它的效果很好：当用户键入电子邮件地址并且没有在其后面放置空格或逗号时，并且没有按Enter键或制表符。 例如，如果他们只是键入电子邮件地址，然后使用鼠标选择表单中的下一个字段，他们键入的电子邮件地址就会消失。 我在这里有一个示例jsfiddle 来说明问题。 这是我在隐藏输入上设置select2的方法： $(function(){ $(‘input’).select2({ tags: [], width: “300px”, dropdownCss: {display: ‘none’}, tokenSeparators: [‘,’, ‘, ‘, ‘ ‘] }); }); 有没有办法让我设置select2，以便onBlur它只需要剩下的东西，当前不是一个标签，并使其成为一个？
隐藏select2选项
我试图隐藏一些select2选项，但是当我做这样的事情时： … select2忽略它，不像我禁用一个选项，或使它“readonly”。 有任何想法吗？
init完成后，使用JSON填充select2
我正在尝试使用JSON数组填充select2元素; 但我无法得到它。 我有下一个数组： data = [{“id”:”Foo”,”text”:”Foo”},{“id”:”Bar”,”text”:”Bar”}] 我将select2初始化如下： $(“#selectElement”).select2(); 我使用下一个代码填充： $(‘#selectElement’).select2(‘data’, data, true); 但不起作用，我不知道为什么。 有人可以帮帮我吗？ 编辑：我需要在select2的init之后填充（我从AJAX接收JSON） 我的意图是使用其他select2的AJAX搜索的JSON填充我的问题的select2。 一切都很好，除了populate（我在第一个格式的Selectiom方法中得到了这个JSON，但我不知道我可以用这个来填充第二个select2）
Jquery Select2插件版本检查
在我的项目中，我检查是否以这种方式加载了Select2插件 if (jQuery().select2) 但现在我将尝试validation加载了哪种版本（3.5.X或4.X）的Select2插件。 我想也许你可以检查版本4.X中是否有版本3.5.X中没有的选项/function。 据你说，它可行吗？ 我怎么能这样做？ 谢谢
如何在select2 multi select中预选值？
我有这样的多重选择： Apple Mango Orange 现在，除了必须在选择框中选择的那些选项之外，我还想要额外的ajaxfunction，它可以从远程源提供值。 这是我的select2代码 $(function(){ $(“.myList”).each(function(){ $(this).select2({ placeholder: “Search for fruits”, minimumInputLength: 2, multiple: true, id: function(e) { return e.id+”:”+e.name; }, ajax: { url: “https://localhost:8443/fruit_search”, dataType: ‘json’, data: function(term, page) { return { q: term }; }, results: function(data, page) { var frts=[]; $.each(data,function(idx,Frt){ frts[frts.length]=Frt; }); return { results: frts }; } }, […]
选择2动态添加图像图标到选项
这就是select2.github.io为您提供的： function addIcons(opt) { if (!opt.id) { return opt.text; } var $opt = $( ‘ ‘ + opt.text + ” ); return $opt; } 我想在我的选项中添加数据图像属性： Country 1 并将其记录在函数中： function addIcons(opt) { if (!opt.id) { return opt.text; } var optimage = opt.attr(‘data-image’); var $opt = $( ‘ ‘ + opt.text + ” ); return $opt; } […]
如何在v4.0中为select2元素添加类
这与关于如何将类添加到select2元素的这个问题非常相似，但是那里的答案似乎针对框架的早期版本，该版本在v4.0中经历了一些重大变化 根据这个问题，为select2-container添加一个额外的自定义类，你可以传递给select2构造函数的几个未记录的属性，包括： containerCss ， containerCssClass ， dropdownCss和dropdownCssClass 。 但是在版本4中，当我运行以下代码时： $(‘.select2’).select2({ containerCss: “wrap” }); 我收到以下错误： 未捕获错误：没有select2 / compat / containerCss 如何在v4.0中将类传递给Select2？ 这是StackSnippets中的一个例子 ： $(‘.select2’).select2({ containerCss: “wrap” }); Algebra Alaska Arizona
选择2：加载选定的值
我试图将数据库中的选定值加载到我的多选框中。 当我最初从数据库加载选项时，它工作得很完美。 但我想为此rrecord添加SELECTED项目。 我尝试了一些方法，有点像这样的hacky。 var keywordArray = new Array(); keywordArray = test[0].keyword.split(“,”); for( var x = 0; x < keywordArray.length ; x++){ foundKeyword = $( "select" ).find("option[value="+keywordArray[x]+"]").text(); $('.select2-choices').prepend("” + foundKeyword + “”); $(‘.select2-search-field input’).attr(“aria-activedescendant”,”select2-result-label-25″); $(‘.select2-search-field input’).css(“width”, “10px”); $(‘.select2-search-field input’).removeClass(“select2-default”); } 这可以是它的完成方式，而且它不能正常工作 即使SELECTED关键字出现在那里。 您无法删除它们，并且下拉列表中的关联值仍可选择（不显示为灰色）。 香港专业教育学院也试过网络的一个例子，但是没有用 var pills = [{id:0, text: “ECHO”}, {id:1, text: “BRAVO”}]; $(‘#media_keywords’).select2({ placeholder: […]
如何使用ajax更新select2下拉列表中的数据
我有一个select2下拉列表用于location.select2数据在页面加载时初始化。我想使用ajax定期更新数据。但是当我更新select2的数据时，select2下拉列表变为只读 jQuery(“#e10_2”).select2({ allowClear: true, minimumInputLength: 1, data:{ results: locationls, text: function(item) { return item.text; }}, formatSelection: format, formatResult: format });
