Tag: jquery select2

如何显示optgroup值+选项值作为选择: 看看下面的选择： 1 2 3 4 5 6 当选择任何元素时，我想在选择中显示其标签+值而不仅仅是值。因此，如果选择4，我希望选择显示B – 4

jquery select2插件如何只得到结果’myString％’: 我正在使用jquery-select2插件，但我想知道我怎么才能得到以typed关键字开头的结果（比如’myString％’）

选择2：设置隐藏字段值: 我有以下代码： $(‘input[name=”airport”]’, ‘#details-form’).select2({ minimumInputLength: 3, multiple: true, separator: ‘;’, width: ‘off’, initSelection : function (element, callback) { var data = []; $(element.val().split(‘;’)).each(function () { data.push({id: this, text: this}); }); callback(data); }, ajax: { url: History.getBasePageUrl() + ‘get-airports-dictionary’, dataType: ‘json’, data: function (term, page) { return { q: term }; }, results: function (data, page) { […]

Select2 ajax没有显示结果: 我正在使用select2和ajax来查询我的数据库中某些分类法下的术语，但是当我搜索搜索框时，只是挂起“搜索”而不检索任何结果。这是我的HTML 我的jquery： jQuery(function($) { $(document).ready(function() { $( “#regions1” ).select2({ ajax: { url: “/ajax/connect.php”, dataType: ‘json’, delay: 250, data: function (params) { return { q: params.term // search term }; }, processResults: function (data) { // parse the results into the format expected by Select2. // since we are using custom formatting functions we do […]

无法使用Select2以编程方式选择选项: 我有一个Select2工作正常附加到选择列表，但当有人输入一个新项目，我重新绑定选择列表，并尝试以编程方式选择新项目，它拒绝显示。还有很多其他post，但他们的解决方案对我不起作用。使用.select2(“val”, value) 。什么也没做。使用.select2(“data”, value) 。什么也没做。不确定这应该是多么不同。使用InitSelection选项设置值。这会导致以下错误消息： Uncaught Error: Option ‘initSelection’ is not allowed for Select2 when attached to a select element 。在向数据库添加新选项后的Ajax成功函数中，我有以下Javascript： BindDishes(RestaurantID); //rebinds the select list successfully $(‘#hidDishID’).val = data.DishID; //populates a hidden field var arr = ‘[{id: “‘ + data.DishID + ‘”, text: “‘ + […]

Select2 – 在formatNoMatches上链接: 我正在使用Select2来增强我的输入。我使用coldfusion和sql填充。如果用户搜索中没有匹配项，我想使用formatNoMatches添加选项。我不想使用多重选择，因为它不适用于我的coldfusion，而且简单地将click事件添加到formatNoMatches会简单得多。在select2.js的某处，有一些代码可以阻止formatNoMatches发生鼠标事件。有没有办法破解它将允许鼠标事件？ $(“.select”).select2({ allowClear: true, blurOnChange: true, openOnEnter: false, formatNoMatches: function(term) { return “Add New Client”; } }); 我无法得到上面的代码来提醒任何事情。

使用jQuery和Select2，“Keypress”事件无法正常工作: 我有一个论坛，我在其中更改了要输入的选项卡的function。当用户按下enter时，下一个输入字段获得焦点，并以某种方式iImanage打开focusin事件上的select2选择框，以便打开选择2框。但是，当我选择值并按下selec2选择框中的Enter时，它不会关闭并在输入按键事件时保持打开但它会关闭。当我将enter键事件更改为任何按键事件而不是select2得到关闭并且工作正常但我必须通过输入来执行此操作。我想要的是：当用户在select2搜索框中选择值并按下输入时，它将关闭并焦点移动到下一个输入字段或任何字段。到目前为止我做了什么。 $(‘.search-select’).on(“focusin”,function(event) { $(‘#s2id_form-field-select-3’).select2(‘open’); event.preventDefault(); }); 使用无效的输入键事件选择2 $(‘.select2-input’).on(“keypress”, function(e) { if (e.keyCode == 13) { $(“#select2-drop-mask”).click(); $(‘#name’).focus(); e.preventDefault(); } }); Select2与任何正在工作的按键事件 $(‘.select2-input’).on(“keypress”, function(event) { $(“#select2-drop-mask”).click(); $(‘#name’).focus(); event.preventDefault(); }); 标记 dba->get_dropdown(‘register’,array(‘id’,’name’)); foreach($query as $key=>$value): ?> <option value="”>} 提前为错误道歉，这是我第一次使用Select2。

有没有办法检查一个元素是否已经应用了jquery select2？: 我想将select2应用于页面上的一堆jquery元素，这些元素都具有相同的类名，但是如果我在已经调用了select2（）的元素上调用select2（），那么它就会爆炸。这是我的代码 $(‘.MyDropdowns’).each(function (i, obj) { $(obj).select2({ width: “455px” }); }); 所以我想要这样的东西： $(‘.MyDripdowns’).each(function (i, obj) { if (!$(obj).HasSelect2Initiatized) { $(obj).select2({ width: “455px” }); } }); 有这样的事吗？

打开select2的永久下拉列表: 我正在使用select2进行多值选择。我需要永久显示下拉列表。现在，当我们选择或单击select2的输入框时，会显示下拉列表。我想知道是否有任何方法可以随时显示列表。

如何将属性传递给select2？: 我正在使用Select2 4.0。我有一个选项列表，其中一些是“删除”，我想表明哪些是。我的选择元素是这样的： .deleted { color: red; } Item 1 Item 2 Item 3 它的初始化如下： $(function() { $(“#item-list”).select2({ placeholder: ‘Select item’ }); }); 但是，在select2生成的结果HTML代码中，我看不到任何引用该类的方法。还尝试了选项上的data-deleted属性，没有运气。我看到的唯一接近的是templateResult选项，我可以在其中检查opt.element.className 。但我无法从那里看到如何访问select2选项。无论如何，回调运行在每一次搜索上都不是我想要的。还有其他方法可以在Select2中设置特定选项的样式吗？更新：如注释中所述，有一个find()函数，但它只获取原始的元素，而不是select2生成的元素。这是我尝试过的： var sel2 = $(“#item-list”).select2({ placeholder: ‘Select item’ }); sel2.find(‘.deleted’).each(function() { $(this).css(‘color’, ‘red’); });