Tag: jquery select2 4
Select2 v4 clone不传递数据
我正在尝试使用Select2 ver4 jquery插件和使用Select2示例页面的加载远程数据进行AJAX调用。 我正在尝试克隆包含select2工具的选择。 问题克隆之前选择已经由优秀的顾问工作!!谢谢！ 但克隆元素不起作用使用新的AJAX（test.php）。 HTML代码 Get befor select value. Add Line jQuery代码 $.fn.select2.amd.require( [“select2/core”, “select2/utils”, “select2/compat/matcher”], function (Select2, Utils, oldMatcher) { var $ajax = $(“.js-example-data-ajax”); $ajax.select2({ ajax: { url: “https://api.github.com/search/repositories”, dataType: ‘json’, delay: 250, data: function (params) { return { q: params.term // search term }; }, processResults: function (data, params) { params.page […]
删除选项的文本而不是禁用它们 – select2 v4
我正在尝试显示选项的strikeout text而不是禁用它们，因此应该有可能再次选择它们。 我尝试添加如下css： $(this).css(‘text-decoration’,’line-through’); $(this).css(‘background’,’#ccc’); 但是他们都没有工作，甚至尝试在选项中添加一些类，使用text-decoration 。 这是代码片段 $(‘.employee-dropdown’).select2(); $(“.employee-dropdown”).on(‘change’, function(e) { $(‘.employee-dropdown’).each(function(idx, ele) { // remove disable attribute….. $(ele).find(‘option’).each(function(idx, ele) { $(this).removeProp(‘disabled’); var optData = $(this).data().data; if (optData != undefined) { optData.disabled = false; optData.element.disabled = false; } }); // get selected values, not for current… var currSelOptionType = $(‘.employee-dropdown’).not($(ele)).find(‘:selected’).map(function(idx, ele) { if ($(ele).data(‘type’) […]
如何使用Select2创建新标签并保存到数据库
所以，我在使用Select2时遇到了很多困难。 我希望用户能够搜索选择列表，并在没有找到搜索结果时创建新标签。 创建新标签不是问题。 主要的事情 – 在大多数论坛中令人惊讶地忽略了 – 是将新闻标签插入数据库。 我是Select2的新手，所以我想有一个完整的例子。 我在这个项目上使用PHP，所以，如果有办法用PHP做这个，那将非常有帮助。 这是我的代码： $(‘#caracteristicas’).select2({theme:’bootstrap’, width:null, placeholder:’Selecione’, allowClear:true}) (0)) { ?> Selecione um ou mais resultados Selecione <option value="”> 50 ? substr($linhas[“descricao”], 0, 50).”…” : $linhas[“descricao”]?> 注意：我正在使用Select2 4.0
如何从Select2中的数据源设置data- *？
我使用Select2如下： $(‘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”: “client_of_companies_id”, “text”: “client_of_companies_id”, “data-type”: “int” }, { “id”: “asset_locations_id”, “text”: “asset_locations_id”, “data-type”: “int” }, { “id”: “companies_name”, “text”: “companies_name”, “data-type”: “varchar” }, { “id”: “companies_number”, […]
在select2 V4下拉项目中添加fontawesome图标
我试图在Select2 v4下拉项目中显示fontawesome图标。 但是下拉列表显示的是html并且没有生成实际图标。 此方法适用于select2 V3，但似乎不适用于v4。 任何帮助表示赞赏。 谢谢 HTML Dribbble Dropbox Facebook JS function iformat(icon) { var originalOption = icon.element; return ‘ ‘ + icon.text; } $(‘.icons_select2’).select2({ width: “100%”, templateSelection: iformat, templateResult: iformat }); 请参阅小提琴，获取示例： http ： //jsfiddle.net/qCn6p/206/
如何克隆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中所选选项的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”: […]
Jquery Select2插件版本检查
在我的项目中，我检查是否以这种方式加载了Select2插件 if (jQuery().select2) 但现在我将尝试validation加载了哪种版本（3.5.X或4.X）的Select2插件。 我想也许你可以检查版本4.X中是否有版本3.5.X中没有的选项/function。 据你说，它可行吗？ 我怎么能这样做？ 谢谢
选择2 v4无法选中，按回车键，然后选择，使用Firefox（也称为无鼠标访问）
我目前无法在Firefox（38.0.5）中启用Select2的元素 – 换句话说，无法以鼠标方式访问选择 。 在Chrome中，您可以浏览表单并按Enter键以开始在Select2 select元素中选择项目。 我没有在其他浏览器中测试过，但在提交实际的错误报告之前，我想validation其他浏览器是否遇到同样的问题？ 您可以在演示页面上复制 。 选择2 v4.0.0 Twitter Bootstrap 3.3.4（虽然没有为Bootstrap的样式添加任何其他项目） Firefox v38.0.5
编程选择select2，它通过Ajax检索其数据
我正在使用select2版本4.0，我正在尝试对选择框进行编程选择，该框从ajax调用获取其数据。 在文档中，我找到了如何以编程方式将值设置为常规select2，但我无法弄清楚如何使用ajax select来执行此操作。 如果我没记错的话，在旧版本中，您可以通过使用以下命令将数据传递给select2来设置当前值： jQuery(“selectbox”).select2(“data”, data) 我试过这个，并发送了一个带有，id，text和result的数据对象，但没有任何可见的事情发生，当我查询选择框的状态时，为了查看所选的值，它返回null。 此选项已删除，或只是更改？ 我在哪里可以在文档中找到它，或者我怎样才能实现所需的行为？
