Questions tagged «jquery-select2»

Select2是基于jQuery的选择框的替代品。它支持搜索,远程数据集和结果的无限滚动。

28
嵌入到引导模态中时,Select2不起作用
当我在引导模式下使用select2(输入)时,无法在其中输入任何内容。就像残疾吗?在模态外部select2可以正常工作。 工作示例:http : //jsfiddle.net/byJy8/1/ 代码: <!-- Modal --> <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Panel</h3> </div> <div class="modal-body" style="max-height: 800px"> <form class="form-horizontal"> <!-- Text input--> <div class="control-group"> <label class="control-label" for="vdn_number">Numer</label> <div class="controls"> <!-- seleect2 --> <input name="vdn_number" type="hidden" id="vdn_number" …

30
重置select2值并显示占位符
如何设置由select2重置值的占位符。在我的示例中,如果单击了位置或成绩选择框,并且我的select2的值大于select2的值,则应重置并显示默认的占位符。该脚本正在重置值,但不会显示占位符 $("#locations, #grade ").change(function() { $('#e6').select2('data', { placeholder: "Studiengang wählen", id: null, text: '' }); }); $("#e6").select2({ placeholder: "Studiengang wählen", width: 'resolve', id: function(e) { return e.subject; }, minimumInputLength: 2, ajax: { url: "index.php?option=com_unis&task=search.locator&tmpl=component&<?php echo JSession::getFormToken() ?>=1", dataType: 'json', data: function(term, page) { return { q: term, // search term …

18
select2-隐藏搜索框
对于我更重要的选择,Select2中的搜索框很棒。但是,在一个实例中,我仅选择了4个硬编码选项。在这种情况下,搜索框是多余的,看起来有点傻。有可能将其隐藏吗?我在线浏览了文档,在构造函数中找不到任何选项。 我当然可以只使用常规的html select,但是为了保持一致,我想尽可能使用Select2。

11
选择和选择2有什么区别?
拣选和选择二是扩展selectboxes两种比较流行的库。 两者似乎都得到了积极的维护,Chosen较旧并且支持jQuery和Prototype。 Select2仅是jQuery,其文档说Select2受到选择的启发,但没有详细说明所做的任何改进(如有)或其他重写原因。 两个库具有几乎相同的功能集,我发现的唯一比较是一个不确定的jsperf测试页。 这些库中的任何一个都比其他库有什么优势吗?

11
设置select2输入的宽度(通过Angular-ui指令)
我在使此plunkr(select2 + angulat-ui)工作时遇到问题。 http://plnkr.co/edit/NkdWUO?p=preview 在本地设置中,我得到了select2的工作,但是我无法按照docs中所述设置宽度。它太窄而无法使用。 谢谢。 编辑:别介意plnkr,我在这里http://jsfiddle.net/pEFy6/找到了一个工作的小提琴 似乎select2的行为是折叠到第一个元素的宽度。我可以通过bootstrap设置宽度。class="input-medium"仍然不确定为什么angular-ui不使用配置参数。




28
如何设置jquery select2的选定值?
这属于select2版本4之前的代码 我有一个简单的代码,select2从ajax获取数据 $("#programid").select2({ placeholder: "Select a Program", allowClear: true, minimumInputLength: 3, ajax: { url: "ajax.php", dataType: 'json', quietMillis: 200, data: function (term, page) { return { term: term, //search term flag: 'selectprogram', page: page // page number }; }, results: function (data) { return {results: data}; } }, dropdownCssClass: "bigdrop", …

11
jQuery select2获取选择标签的值?
朋友您好,这是我的代码: <select id='first'> <option value='1'> First </option> <option value='2'> Second </option> <option value='3'> Three </option> </select> 这是我的select2代码: $("#first").select2(); 下面是获取选定值的代码。 $("#first").select2('val'); // It returns first,second,three. 这是一个类似的文本first,second,three,我想得到1,2,3。 意味着我需要选择框的值,而不是文本。

8
如何通过Ajax请求将Select2与JSON一起使用?
我的Select2 3.4.5无法使用JSON数据。 这是我在HTML上的输入框: <input class='form-control col-lg-5 itemSearch' type='text' placeholder='select item' /> …还有我的JavaScript $(".itemSearch").select2({ placeholder: "Search for an Item", minimumInputLength: 2, ajax: { url: "/api/productSearch", dataType: 'json', quietMillis: 100, data: function (term, page) { return { option: term }; }, results: function (data, page) { var more = (page * 10) …

6
选择select2后触发动作
我正在使用select2库进行搜索。 选择搜索结果后,有什么方法可以触发动作?例如,打开弹出窗口或简单的js警报。 $("#e6").select2({ placeholder: "Enter an item id please", minimumInputLength: 1, ajax: { // instead of writing the function to execute the request we use Select2's convenient helper url: "index.php?r=sia/searchresults", dataType: 'jsonp', quietMillis: 3000, data: function (term, page) { return { q: term, // search term page_limit: 10, id: 10 …


4
在select2中使用AJAX标记
我正在做标记 select2 我对select2有这些要求: 我需要使用select2 ajax搜索一些标签 另外我还需要在select2中使用“标签”,以允许列表(Ajax结果)中未包含的值。 两种方案均独立工作。但是仅将aJax值连接在一起。如果我们键入列表中未包含的其他任何值,则显示“未找到匹配项” 我的方案如果用户键入列表中没有的任何新值,请允许他们组成自己的标签。 有什么办法可以使这项工作吗?

28
如何更改select2框的高度
我喜欢https://github.com/ivaynberg/select2的select2框。 我正在使用format:选项来格式化每个元素,而且看起来很棒。 一切都很好,除了由于图像而使所选元素大于选择框的高度。 我知道如何更改宽度,但是如何更改高度,以便在选择元素之后显示完整内容(大约150像素) 这是我的启蒙: <script> $("#selboxChild").select2({ matcher: function(term, text) { var t = (js_child_sponsors[text] ? js_child_sponsors[text] : text); return t.toUpperCase().indexOf(term.toUpperCase()) >= 0; }, formatResult: formatChild, formatSelection: formatChild, escapeMarkup: function(m) { return m; } }); </script> 这是我的选择框 <select id="selboxChild" style="width: 300px; height: 200px"> <option value="">No child attached</option> </select> 澄清一下:我不希望每个选项的高度都改变。 我正在寻找一个选择框,以在选择一个孩子之后改变高度。 …

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.