jquery-select2 相关问题

使用 bootstrap 5.2 将 select2 包裹在输入组中时，强制 select2 保持在 col 约束内

图像显示了实际发生的情况。这只会发生，因为我尝试将 select2 与 bootstrap5 输入组一起使用。 在输入组中尝试 flex-wrap: nowrap 最终会推动刷新对接......

在不触发更改的情况下加载带有选定选项的 Select2？

有没有办法在不触发change事件的情况下加载select2为默认值？ 目前，我正在做： $('#mylist').val(2).trigger("改变"); 但这会造成延迟，用户会...

选择2“无法加载ajax结果”

抱歉，找不到解决方法。 每当我尝试进行一些搜索时，select2 都会显示“无法加载结果”。 我认为我的 ajax 设置有误 HTML: 抱歉，找不到解决方法。 每当我尝试进行一些搜索时，select2 都会显示“无法加载结果”。 我认为我的ajax设置是错误的 html: <select class="js-data-example-ajax form-control" multiple="multiple"></select> 剧本： $(".js-data-example-ajax").select2({ ajax: { url: '@Url.Action("LoadCity", "Addresses")', dataType: 'jsonp', delay: 250, data: function(params) { return { q: params.term, // search term page: params.page }; }, processResults: function(data) { return { results: data }; }, cache: true }, minimumInputLength: 1, }); 添加 08.07.2016 一些更改ajax设置： dataType: 'jsonp' 到 dataType: 'json' 并添加 type: 'GET', 现在没有消息“无法加载结果”，也没有结果 根据你最后的评论。处理结果应返回一个具有结果键的对象。 所以应该是： return { results: [{id: 1, text: 'Test'}] } 我最近在使用 4.0.5 版本时遇到了完全相同的问题 这是从版本 4.0.6 开始解决的组件中的一个已知错误 来自 Github 官方仓库： 修复 AJAX 数据源错误#4356 更新我的本地版本的 select2 组件解决了这个问题。 我有这个工作 select2，我昨天已经实现了它，它可能对你有帮助。 select2_common('.accounts','Account & Description'); function select2_common(selector,placeholder) { $(selector).select2({ minimumInputLength:2, placeholder:placeholder, ajax: { url: "your_url_here", dataType: "json", delay: 200, data: function (params) { return { q: params.term, // search term page: params.page }; }, processResults: function (data) { // console.log(data); return { results: $.map(data, function(obj) { if(obj.id!=0){ // console.log(obj); return { id: obj.id, text: obj.name }; } else {return {id: obj.id, text: obj.name}} }) }; }, cache: true }, debug:false }); } //And your result should be in this form, from your method.... //I am using laravel php framework. public function getAccountDetail(Request $request) { $q = $request->input('q'); $result=[]; if (isset($q) && $q != '') { /*---------- Search by account code or title ----------*/ $data = DB::table('acc_accounts')->select('acc_id','acc_code','acc_title') ->where('acc_code', 'like', '%' . $q . '%') ->orWhere('acc_title', 'like', '%' . $q . '%') ->limit(10)->orderBy('acc_code')->get(); foreach ($data as $key => $value) { $new1 = array('id' => $value->acc_id, 'name' => $value->acc_code.' ('.$value->acc_title.')' ); array_push($result,$new1); } print(json_encode($result)); } }

select2 > 如何更改原型函数“MultipleSelection.prototype.selectionContainer”

我使用基于 jQuery 的库 Select2。 在库 https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.js 中定义了以下函数： 多选.原型.

select2 search - 只匹配以搜索词开头的词

我从 chosen 迁移到 select2 插件，因为它对我来说效果更好，但与 chosen 相比，它的文档非常差。谁能告诉我应该使用什么选项来制作 select2

select2 自动选择标签

我正在使用 select2 并且一切正常。 现在我想创建一个带有标签选项的 select2 输入字段： $(文档).ready(函数() { $('.dropdown').val(null).trigger("改变"); $('.dro...

如何从 js 访问 vuejs data() 中的变量

我使用 vuejs3 和 select2，vue js 不适用于 select2 库。对于这个问题，我使用隐藏类型的输入。代码： 我使用 vuejs3 和 select2，vue js 不适用于 select2 库。对于这个问题，我使用隐藏类型的输入。代码： <select class="form-select" data-control="select2" id="trainingevents" data-placeholder="choose ..."> <option></option> <option v-for="event in events" :value="event.id">{{ event.event_title }}</option> </select> <input type="text" id="hiddenInputEvent"> I write js code in mounted() in vue js for when select changed i get value of option and add it to input with type hidden.代码： $('#trainingevents').on('change',function(){ var optionsValue = this.options[this.selectedIndex].value; var getInputValue = document.getElementById('hiddenInputEvent').value; var tmp = document.getElementById('hiddenInputEvent').value = getInputValue + ',' + optionsValue; }); 我的 vuejs 代码是： export default{ name: 'TrainingeventRegister', data(){ return { users: '', events: '', selectedEvent: '', selectedEvents: [], totalSalary: 0, } }, methods: { }, mounted(){ axios .get('/load/users') .then(response => (this.users = response.data)); axios .get('/load/events') .then(response => (this.events = response.data)); $('#trainingevents').on('change',function(){ var optionsValue = this.options[this.selectedIndex].value; var getInputValue = document.getElementById('hiddenInputEvent').value; var tmp = document.getElementById('hiddenInputEvent').value = getInputValue + ',' + optionsValue; }); } } 现在我的问题是如何从这样的更改 jquery 事件中访问 data() 中的 selectedEvent 变量： mounted(){ axios .get('/load/users') .then(response => (this.users = response.data)); axios .get('/load/events') .then(response => (this.events = response.data)); $('#trainingevents').on('change',function(){ var optionsValue = this.options[this.selectedIndex].value; var getInputValue = document.getElementById('hiddenInputEvent').value; var tmp = document.getElementById('hiddenInputEvent').value = getInputValue + ',' + optionsValue; this.selectedEvent = tmp // when I use this line i get undefine this.selectedEvent }); } 当我使用this.selectedEvent = tmp时，我会取消定义this.selectedEvent。 你对这个挑战有什么看法？ 谢谢。

select2 on select data-select2-id attribute 添加到所有 div before select option

我正在使用 select2，当有人在选择下拉列表中选择值时。 select2 将 data-select2-id 添加到 select2 之前的所有 div 中，不相同的 data-select2-id 值但每次都增加。 有一个...

Select2：如何获取之前选择的值

我正在使用 select v4.0.3。如何获取 select 元素的替换/先前值？我已经附加了一个“更改”侦听器，但我似乎找不到以前的值。

两个 select2 与可用选项同步

我想要同步两个 select2，可用选项不在选定选项中 链接 http://jsfiddle.net/qh71m25y/1/ 我想在下拉菜单中同步我保存相同的选项，请显示图像 (

JQuery Select2 页面加载时多选卡顿

我有一个正在使用 Select2 的选择控件，但是，当我加载页面时，它会断断续续... 首先它看起来像 然后它看起来像 我怎样才能让它看起来像第二张图片，没有...

filter select2 result based on logged user

我的 Django 表单中有一个 select2 输入，我想根据登录用户过滤 select2 选项 例如，我希望用户 1 看到选项 1 和 3，但用户 2 投票 1 和 3 这是ess...

使用 parcel.js 导入 select2

请原谅我缺乏知识，因为我对网络开发还很陌生。 我正在尝试捆绑所有第 3 方包，其中包括 select2 等。 该捆绑包适用于其他包，如 jqu ...

Select2 - 在悬停时打开下拉列表

我希望我的 Select2 下拉菜单在我悬停在下拉按钮/下拉选项上时打开，并在我不再悬停在下拉按钮/下拉选项上时关闭。 打开悬停作品

Select2 不使用值填充隐藏字段

我的 WordPress 插件中有 select2，当我在字段中输入并单击它们时，我能够搜索页面。你知道那是怎么回事。 问题是我选择的页面的 ID...

Select2 改变 quietMillis/动态延迟

我在 select2 中有一个非常简单的条件问题：如果没有搜索查询，立即获取请求，否则如果有搜索查询 - 自上次按键后等待 2000 毫秒并获取

Net Core 和 Ajax - Select2 返回 null

我想用ajax在select2中发布选中的值。但是在控制器端，值返回空。 功能更新城市（）{ var cities = $("#selected-</desc> <question vote="0"> <p>我想用ajax在select2中发布选中的值。但是在控制器端，值返回空。</p> <pre><code>&lt;script&gt; function UpdateCities() { var cities = $(&#34;#selected-cities&#34;).val(); $.ajax({ url: &#34;/Admin/MyBusinesses/UpdateCities&#34;, data: cities, type: &#34;Get&#34;, success: function () { } }) } &lt;/script&gt; </code></pre> <p><a href="https://i.stack.imgur.com/09R8d.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tLzA5UjhkLnBuZw==" alt=""/></a></p> </question> <answer tick="false" vote="0"> <blockquote> <p>我想用ajax在select2中发布选中的值。但在 控制器端，值返回空。</p> </blockquote> <p>由于不匹配的键值对（城市）和缺乏适当的序列化，您得到空结果，因为默认情况下 MVC 控制器无法识别 FormBody，而 API 控制器可以。</p> <p>因此，有许多方法可以解决这个问题。然而，最简单的方法是在控制器中传递带有参数名称的参数以及 <a href="http://api.jquery.com/jquery.ajax/#jQuery-ajax-settings" rel="nofollow noreferrer">traditional: true</a> 这将启用当前缺少的序列化。</p> <p>正确的方式：</p> <pre><code> function UpdateCities() { alert(&#34;click&#34;); /* var cities = $(&#34;#selected-cities&#34;).val();*/ var cities = [34, 50] console.log(cities); $.ajax({ url: &#34;/Admin/MyBusinesses/UpdateCities&#34;, type: &#34;Get&#34;, data: { cities: cities }, traditional: true, success: function () { } }) } </code></pre> <p>输出：</p> <p><a href="https://i.stack.imgur.com/vrMGi.gif" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL3ZyTUdpLmdpZg==" alt=""/></a></p> <p><strong>注意：</strong> 您可以在 Jquery 官方文档中获得<a href="https://api.jquery.com/jquery.ajax/#jQuery-ajax-settings" rel="nofollow noreferrer">更多详细信息</a>.</p> </answer> </body></html>

突出显示最后一个嵌套项而不是自定义 Select2 容器本身

我使用 AJAX 请求填充 Select2 框。在填充框时，我遵循与此处示例非常相似的方式。 Select2 突出显示整个容器而不是每个

如何使克隆的 select2 字段工作？

我有两个 select2 字段，它们在表单内用作动态搜索引擎。我需要克隆此表单，以便用户可以在这两个有效的字段中添加多个条目并进行过滤...

我希望 select2 选项的文本在左侧和右侧溢出

我想要 select2 选项文本拆分 (||)，第一部分（例如 Mikkel A. Larsen）在左侧对齐，第二部分（例如 Paramediciner、Administration）在右侧对齐