问题标签 [select2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
47 浏览

javascript - select2,取消隐藏已经选择的值

我正在使用 Select2 下拉菜单来允许多项选择,但它正在从下拉列表中删除选定的值。我怎样才能禁用它?我想在下拉列表中显示所有值。

0 投票
1 回答
733 浏览

javascript - 如何混合选择 2 加载远程数据和初始选择

https://select2.github.io/examples.html#data-ajax

对于select2,我想:

  1. 列出一些初始选择,所以对于小列表,我们可以直接选择它。
  2. 远程搜索长/更多选择。

但是,似乎我不能同时提供两者ajaxdata参数。

有什么建议吗?谢谢。


添加了代码片段

0 投票
2 回答
1007 浏览

jquery - How can I use 'multiple select boxes' option in Select2 without ability to enter text?

When you use the select2 'Multiple select boxes' option it gives you the option to enter text. I want to remove this functionality so the user can only click/touch the options available and the text cursor doesn't show up.

You can see the 'Multiple select boxes' option on their example page: https://select2.github.io/examples.html

My Code. (I'm using Laravel 5 blade templating)

EDIT: I found the info about 'Hiding the search box'. I have tried switching minimumResultsForSearch to 'infinity' and it still didn't work. Here is my app: www.gethappy.co.nz

0 投票
1 回答
141 浏览

javascript - Select2 onchange 选择选项,然后根据选项附加或删除 url

目前我select通过 php 设置了一个下拉过滤器,如下所示:

它检测是否&code=tmall在 url 中并运行第一个块

我正在附加&code=tmall这个脚本,它完全按照我的需要运行

我遇到的问题是当我需要返回时,Taobao & Tmall我只能添加到 url,而不是基于该选择删除字符。

当我选择选项时,有什么方法可以&code=tmall从 url中删除Taobao & Tmall

0 投票
1 回答
1047 浏览

javascript - 如何将值预加载到 Select2 控件中并仍然搜索远程数据?

当我将值预加载到 Select2 下拉列表中时,并展开控件以输入一个值。它过滤预加载的值。当我在文本框中输入内容时,如何配置 Select2 以进行 ajax 调用(新搜索)?如果我不将值预加载到 Select2 中,则 ajax 调用工作。那我怎么能两者兼得?

我用这样的东西预加载了我的 select2 控件:

我用这个实例化我的 Select2 控件:

0 投票
2 回答
7326 浏览

javascript - 无法在 select2 Dropbox 中选择第一个选项

使用 select2.js 我有一个很好的下拉菜单,除了一件事:加载时我无法单击下拉菜单中的第一个选项并将其显示为当前选择。单击第一个选项时,没有任何反应,如果下拉列表失去焦点,占位符会填充框。如果选择了 40 个选项中的任何其他选项,则该值文本将显示在下拉框中,我可以在我的应用程序中使用该值。

选择一个选项(第一个除外)并再次单击第一个选项后,第一个选项值将显示在框中,我可以毫无问题地使用它。此问题仅在加载时发生。

JS

我已经使用本地 json 文件填写了下拉列表:

HTML

我的目标是能够在下拉框中加载带有占位符的页面,然后能够单击第一个选项并让它填充框,以便我可以将该值用于应用程序的其他部分。

任何帮助将不胜感激。

0 投票
1 回答
1369 浏览

jquery - 以编程方式添加新的 jquery-select2-4 选项并重置搜索字段?

我正在使用jquery-select2-4搜索外部数据库并向用户显示他可以选择的搜索结果。

我有一个在这个 jsfiddle上运行的工作版本。

但是,例如,如果只返回 1 个搜索结果,我想跳过整个选择过程,只需将返回的搜索结果添加到所选选项列表中即可。根据select2 文档,我可以添加一个新选项,如下所示:

这似乎在某种程度上起作用。但是有几个问题。

  • 添加选项后,我无法清除搜索字段。
  • 我无法添加除 anid和 a之外的任何其他内容text
  • 添加的选项以 显示给用户undefined

我意识到这个问题包含 3 个方面,但所有 3 个方面可能都指回这 1 个问题:

您如何以编程方式添加新的 jquery-select2-4 选项并重置搜索字段?

供您参考,这是我要询问的代码的上下文:

0 投票
0 回答
218 浏览

jquery - 在 select2 中删除标签时禁用自动打开选择结果

我使用 select2 进行多项选择。当我从中删除标签时,如何禁用自动打开选择的结果?

我的代码与http://select2.github.io/examples.html相同

如果我选择了某个选项,然后我想删除它,我点击标签中的关闭按钮。删除该选项后,将显示选择的结果。如何在没有自动打开选项列表的情况下删除某些选项?

0 投票
1 回答
144 浏览

javascript - 清除 Select2 Listbox 不清除代码隐藏 Listbox.text

我有一个带有 select2 插件的列表框:

标记:

Javascript:

VB.NET

结束子

面板已正确更新并且一切正常,但是当我清除 Listbox __postback 时,会触发但 listbox.text 仍然包含最后一个值。

我该如何解决这个问题?

- - - - - 编辑 - - - - - -

我使用右侧的小十字清除列表框。

在此处输入图像描述

0 投票
2 回答
8270 浏览

vue.js - 在 vue.js 中使用 Select2(多选)

我是 vue 的新手,并且在http://vuejs.org/examples/select2.html遵循了他们的“自定义指令” 。

这在仅选择一个项目时效果很好,但是当您选择多个项目时,它只会通过第一个项目。我需要它来传递所有选择的值。

我有一个 jsfiddle 设置显示可用的代码here。 https://jsfiddle.net/f3kd6f14/1/

该指令如下;

任何帮助,将不胜感激。