Tag: jquery select2

Select2事件用于创建新标签: 我正在使用jQuery Select2 （v4）插件作为标签选择器。我想监听在select元素中创建新标记的时间，并激活ajax请求以存储新标记。我发现有createTag事件，但每次在select2元素中输入一个字母时，这似乎都会触发。如我的小提琴所示： http ： //jsfiddle.net/3qkgagwk/1/ 是否有类似的事件仅在新标签输入完毕后才会触发？也就是说它被一个封闭它的灰色盒子所包围。

当用户输入时，Select2下拉列表允许用户使用新值: select2组件可以配置为接受新值，如在Select2下拉列表中询问但是允许用户使用新值？你可以在http://jsfiddle.net/pHSdP/646/看到它，代码如下： $(“#tags”).select2({ createSearchChoice: function (term, data) { if ($(data).filter(function () { return this.text.localeCompare(term) === 0; }).length === 0) { return { id: term, text: term }; } }, multiple: false, data: [{ id: 0, text: ‘story’ }, { id: 1, text: ‘bug’ }, { id: 2, text: ‘task’ }] }); 问题是，如果输入新值并按Enter键或按Tab键，新值将仅添加到列表中。是否可以将select2组件设置为在使用类型时接受此新值并保留select2。（就像普通的html输入标签一样，通过点击屏幕上的某个位置保留你输入的值）我发现select2有select2-blur事件，但我找不到获取这个新值并将其添加到列表的方法？！

javascript select2允许的标签: 我需要允许用户在select中选择仅允许的标签。目前我有： $(“input#id_txtcolor”).select2({tags:[“red”, “green”, “blue”]}); 你能帮帮我吗？

禁用select2 clear上的下拉列表: 似乎select2 4默认打开清除当前所选项目时的下拉列表。以前的版本的select2似乎没有这种行为，我正在努力实现它，但现在没有运气。有没有人知道如何挂钩清除事件所以我们可以禁用它的默认行为并清除所选的选项而不打开下拉列表？干杯，Al

jQuery select2：重新创建重复标记: 我今天早些时候问了一个问题（ jquery select2：从php-mysql获取数据时出错）。但是，我正在尝试修复它并且现在这样做我有点奇怪的问题。我不确定为什么会这样发生。以下是JavaScript代码。 Product Name var lastResults = []; $(“#tags”).select2({ multiple: true, placeholder: “Please enter tags”, tokenSeparators: [“,”], initSelection : function (element, callback) { var data = []; $(element.val().split(“,”)).each(function () { data.push({id: this, text: this}); }); callback(data); }, ajax: { multiple: true, url: “fetch.php”, dataType: “json”, type: “POST”, data: function(term) { […]

聚合物select2元素: 我试图将伟大的select2 jquery小部件（ https://github.com/ivaynberg/select2 ）包装在Polymer元素中以便于重用。我能够正确地初始化选择，但在初始化后遇到了问题。具体来说，当单击select以打开它时，在定位弹出窗口时会在select2脚本中抛出类型错误。这是一个失败实施的回购： https://github.com/ivelander/x-select2 有没有人在将Polymer与这个select2小部件或jquery小部件集成在一起时取得了很好的成功？关于如何让这个例子起作用的任何建议？

如何使用带有角度的jQuery Select2: 我正在尝试使用带有Angularjs（1.5）的jQuery（2.2.1）Select2（3.5.2），但是很难从选择框中获取数据。我已经尝试了ui-select ，我可以检索数据…但是在搜索时经常会崩溃浏览器，速度非常慢且整体不稳定（5000-10000项）。即使有大量的条目，jQuery Select2也是快速且响应迅速的，但是当我选择一个选项时，我似乎无法获得该对象。 $(document).ready(function () { $(“.sel”).select2(); }); app.js var app = angular.module(‘app’, []); app.controller(‘MainCtrl’, [‘$scope’, ‘$http’, function ($scope, $http) { $scope.country = {}; $scope.countries = [{ name: ‘Australia’, }, { name: ‘United States’ }, { name: ‘United Kingdom’ }]; }]); 有没有办法让这两个很好地工作？

select2 – initselection错误: 在initSelection上使用select2插件时出现以下错误。 Error: Uncaught Error: No select2/compat/initSelection是我得到的错误。希望有人帮我解决inistselection问题。 JS： $(“.doctor_id_pat”).select2({ placeholder: “Search Users”, minimumInputLength: 2, ajax: { url: “/listallergiesajax”, dataType: ‘json’, data: function(term) { return { q: term }; }, results: function(data, page) { return { results: $.map(data, function(item) { return { text: item.text, id: item.id } }) }; }, }, initSelection: function(element, callback) { $.ajax(“/listallergiesajax”, […]

select2改变背景颜色: 我正在尝试在我正在创建的网页上使用select2。然而，combobox背景似乎是透明的，但我需要将其更改为另一种颜色。我尝试修改select2.css文件，但似乎没有任何工作。有任何想法吗？

在同一页面/网站上选择2个多个版本: 下午，在一个网站上，我已经更新了许多使用select2 v.3.5.2到新版本4.0的元素（其中一些元素位于所有页面上的网站标题上）不幸的是在网站的某些页面上使用了X-editable jquery插件，并且该插件与select2的v 4.0不兼容（请阅读：根本不播放）我的问题是：我可以在某些页面上使用两个版本的select2吗？如果是这样，怎么样？由于$(…).select2(); 是盲目的加载哪个版本的select2 …. 示例代码： $(“#search_species”).select2({ minimumInputLength: 1, maximumSelectionSize: 1, ajax: { url: “/php/search.php”, dataType: ‘json’, delay: 250, data: function (params) { return { query: params.term }; }, processResults: function (data, params) { return { results: data }; }, cache: true }, escapeMarkup: function (markup) { return markup; […]