Tag: jquery select2
重置Jquery Select2多个下拉列表会导致选择空白项目？
我在用户注册页面中使用Multiple Select2插件。点击提交按钮，保存详细信息后我将重置下拉列表。问题是当我从下拉列表中选择另一个项目时，会在下拉列表中自动选择一个blank item HTML @Html.DropDownListFor(m => m.MultipleCourseId , Model.MultipleCourseList , “” , new { @class = “form-control select2”, @id = “ddlCourseMultiple”,@multiple=”multiple” }) 在Jquery按钮上调用重置单击 $(document).on(“click”, “#btnCancel”, clearAll); //clear all controls var clearAll = function () { $(“.form-control”).val(”); //resetting dpdwn for clearing the selected option $(“#ddlCourseMultiple”).select2(“val”, “”); return false; };
如何使用jQuery Select2插件删除与当前键入的文本匹配的下拉项？
我正在使用带有ajax调用的select2 jQuery插件来填充用户输入的下拉选择菜单。 我的输入配置为标记，因此允许多个选择，用户可以输入自己的标记，因此下拉项目只是建议。 问题是每当用户键入时，下拉列表中的第一项始终与用户键入的内容相匹配。 其后的项目是ajax调用检索的建议。 这种情况发生并不是不合理的，因为当前键入的文本实际上是一个有效的选择，但我不希望它出现在下拉列表中。 我认为这让用户误以为列表中的第一项是来自ajax调用的建议，我不希望有任何混淆。 是否可以从列表中删除第一项（用户当前键入的文本），如果是，如何删除？ 我的构造函数选项如下所示： myInput.select2({ multiple: true, minimumInputLength: 3, ajax: { url: ‘the-url’, quietMillis: 1500, dataType: ‘json’, data: function(term, page) { return { term: term.trim(), page: page, anotherParam: anotherInput.select2(‘val’), } }, results: function(data, page, query) { // ‘data’ never includes the item I’m trying to remove // so it must […]
将所选值传递给jQuery的select2 ajax调用
我正在尝试将多个参数（所选值）传递给multiple select2的ajax调用： $(“#ddlMultiCourse”).select2({ placeholder: “Search for Course”, minimumInputLength: 1, allowClear: true, ajax: { // instead of writing the function to execute the request we use Select2’s convenient helper url: url,//GetCourseList type: “POST”, dataType: ‘json’, delay: 250, data: function (params) { return { term: params.term, // search term value: $(“#ddlMultiCourse”).val()//extra parameter }; }, processResults: function (data, […]
jQuery Select2插件“查看更多…”，隐藏搜索文本字段问题
我有一系列关于jQuery Select2插件的问题（我对Select2很新，只有一天）： 我通过AJAX调用获取数据（使用Select2的ajaxfunction），并试图找到一种方法在下拉显示结束时添加“查看更多…”选项。 点击“查看更多…”必须转到另一个单独的搜索页面。 如果我可以进入加载AJAX调用的OnSuccess或OnComplete事件，我可以在下拉结果中找到相关的DIV并附加“查看更多…”div。 这有可能吗？ 我不想在Select2中使用“自动滚动”function。 我在Select2下拉列表旁边有一个搜索按钮，当用户在搜索框中键入一些字符时，我会进行AJAX调用并显示数据。 在这里，我还需要的是当用户点击搜索按钮时，我应该在搜索框中输入值并进行另一次重定向。 我面临的问题是这个 – 因为Select2要求搜索框为AJAX加载“隐藏”，当用户搜索时，搜索文本没有填入隐藏字段，我不知道在哪里/如何获取在搜索文本中输入的内容。 填写AJAX数据时，会选择下拉列表中的第一项，如何不选择它。 或者更好的是，如果他们使用键在列表中上下移动，我会很酷，如果你到达第一项并键入，它会专注于搜索文本框 – 就像LinkedIn搜索框一样。
javascript make select 2使用由外部源设置的URL
我正在使用select2从数据库中挑选游戏，但是，我希望它从中搜索的文件将根据从下拉列表中选择的内容而改变。 我怎么得到它所以select2总是使用最新的“picker_url”？ 因此，如果我从页面上的选择框中选择某个选项，它会更改“picker_url”（用于搜索的ajax文件）。 问题是，select2似乎只使用原始值。 这是我目前的代码： var picker_url = “test1.php”; $(document).on(‘change’, “.category_select”, function(e) { var id = $(this).val(); if (id == 16) { picker_url = “test2.php”; } }); $(“.game_picker”).select2({ selectOnClose: true, width: ‘100%’, ajax: { url: picker_url, dataType: ‘json’, delay: 250, data: function (params) { return { q: params.term // search term }; }, processResults: function […]
设置初始select2高度但允许它垂直扩展
我有一个我想允许向上扩展的select2框，例如height: auto ，但我也想设置它的初始高度，例如height: 34px 。 我怎么能做到这一点？ 如果我尝试设置它们，则一个覆盖另一个。 我试图让盒子根据需要垂直展开而不添加滚动条。 我已经看过这样的其他问题了，但是我无处可以找到如何允许大小增加但从初始值开始。 我已经设置了一个min-height ，但是auto不会缩小到适合中等高度 – 实际上，我不确定它在哪里获得初始值。 这似乎是Select2独有的问题。 height: auto的起始尺寸应该是min-height ，对吗？
选择2，将标签显示到另一个DIV中
我想将select2表单中的标签显示到另一个DIV中。 我尝试了TJ Nicolaides提出的解决方案https://stackoverflow.com/a/34140018/3030970但是当你删除一个标签然后再添加它时，它不能用于jQuery> 3，你不能再删除它 $(“.js-example-tags”).select2({ tags: true }).on(‘change’, function() { var $selected = $(this).find(‘option:selected’); var $container = $(this).siblings(‘.js-example-tags-container’); var $list = $(”); $selected.each(function(k, v) { var $li = $(‘×’ + $(v).text() + ”); $li.children(‘a.destroy-tag-selected’) .off(‘click.select2-copy’) .on(‘click.select2-copy’, function(e) { var $opt = $(this).data(‘select2-opt’); $opt.attr(‘selected’, false); $opt.parents(‘select’).trigger(‘change’); }).data(‘select2-opt’, $(v)); $list.append($li); }); $container.html(”).append($list); }).trigger(‘change’); TJ Nicolaides提出的小提琴： http ： […]
单击外部时，Select2不会关闭选择框（closeOnSelect = false）
JSFiddle： http ： //jsfiddle.net/xpvt214o/776660/ 当选项框打开时，如果您尝试单击选项框级别外的任何位置，则不会关闭它。 但是，如果在Current-Selection行的级别上单击外部，则会关闭它。 当执行任何外部点击时，如何强制Select2选项框关闭，包括在选择框的级别上？ PS我正在使用closeOnSelect: false选项来保持选择框在选择过程中始终打开 – 但它仍应在外部点击时关闭， $(‘#dropdown’).select2({ closeOnSelect: false }); 另一个类似的问题 – 当closeonselect为false时，关闭select2
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 […]
wenzhixin bootstrap-table无法点击select2
这是问题所在，并在Codeply中整理了一个模型http://www.codeply.com/go/rxWzeVwBUa 。 我无法点击带有数据表的Select2下拉框。 任何帮助，将不胜感激。 From data ID Item Name Item 0 … Item Price $table.bootstrapTable({ data: data}); }); $(‘#finditem’).select2({ placeholder: ‘Find Item’, allowClear: true });
