问题标签 [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.
javascript - select2,取消隐藏已经选择的值
我正在使用 Select2 下拉菜单来允许多项选择,但它正在从下拉列表中删除选定的值。我怎样才能禁用它?我想在下拉列表中显示所有值。
javascript - 如何混合选择 2 加载远程数据和初始选择
https://select2.github.io/examples.html#data-ajax
对于select2,我想:
- 列出一些初始选择,所以对于小列表,我们可以直接选择它。
- 远程搜索长/更多选择。
但是,似乎我不能同时提供两者ajax
和data
参数。
有什么建议吗?谢谢。
添加了代码片段
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
javascript - Select2 onchange 选择选项,然后根据选项附加或删除 url
目前我select
通过 php 设置了一个下拉过滤器,如下所示:
它检测是否&code=tmall
在 url 中并运行第一个块
我正在附加&code=tmall
这个脚本,它完全按照我的需要运行
我遇到的问题是当我需要返回时,Taobao & Tmall
我只能添加到 url,而不是基于该选择删除字符。
当我选择选项时,有什么方法可以&code=tmall
从 url中删除Taobao & Tmall
?
javascript - 如何将值预加载到 Select2 控件中并仍然搜索远程数据?
当我将值预加载到 Select2 下拉列表中时,并展开控件以输入一个值。它过滤预加载的值。当我在文本框中输入内容时,如何配置 Select2 以进行 ajax 调用(新搜索)?如果我不将值预加载到 Select2 中,则 ajax 调用工作。那我怎么能两者兼得?
我用这样的东西预加载了我的 select2 控件:
我用这个实例化我的 Select2 控件:
javascript - 无法在 select2 Dropbox 中选择第一个选项
使用 select2.js 我有一个很好的下拉菜单,除了一件事:加载时我无法单击下拉菜单中的第一个选项并将其显示为当前选择。单击第一个选项时,没有任何反应,如果下拉列表失去焦点,占位符会填充框。如果选择了 40 个选项中的任何其他选项,则该值文本将显示在下拉框中,我可以在我的应用程序中使用该值。
选择一个选项(第一个除外)并再次单击第一个选项后,第一个选项值将显示在框中,我可以毫无问题地使用它。此问题仅在加载时发生。
JS
我已经使用本地 json 文件填写了下拉列表:
HTML
我的目标是能够在下拉框中加载带有占位符的页面,然后能够单击第一个选项并让它填充框,以便我可以将该值用于应用程序的其他部分。
任何帮助将不胜感激。
jquery - 以编程方式添加新的 jquery-select2-4 选项并重置搜索字段?
我正在使用jquery-select2-4搜索外部数据库并向用户显示他可以选择的搜索结果。
我有一个在这个 jsfiddle上运行的工作版本。
但是,例如,如果只返回 1 个搜索结果,我想跳过整个选择过程,只需将返回的搜索结果添加到所选选项列表中即可。根据select2 文档,我可以添加一个新选项,如下所示:
这似乎在某种程度上起作用。但是有几个问题。
- 添加选项后,我无法清除搜索字段。
- 我无法添加除 an
id
和 a之外的任何其他内容text
。 - 添加的选项以 显示给用户
undefined
。
我意识到这个问题包含 3 个方面,但所有 3 个方面可能都指回这 1 个问题:
您如何以编程方式添加新的 jquery-select2-4 选项并重置搜索字段?
供您参考,这是我要询问的代码的上下文:
jquery - 在 select2 中删除标签时禁用自动打开选择结果
我使用 select2 进行多项选择。当我从中删除标签时,如何禁用自动打开选择的结果?
我的代码与http://select2.github.io/examples.html相同
如果我选择了某个选项,然后我想删除它,我点击标签中的关闭按钮。删除该选项后,将显示选择的结果。如何在没有自动打开选项列表的情况下删除某些选项?
vue.js - 在 vue.js 中使用 Select2(多选)
我是 vue 的新手,并且在http://vuejs.org/examples/select2.html遵循了他们的“自定义指令” 。
这在仅选择一个项目时效果很好,但是当您选择多个项目时,它只会通过第一个项目。我需要它来传递所有选择的值。
我有一个 jsfiddle 设置显示可用的代码here。 https://jsfiddle.net/f3kd6f14/1/
该指令如下;
任何帮助,将不胜感激。