selectize.js相关内容

如何触发选择输入以使选项最初显示

我正在使用 selectize,我想在不单击 selectize 输入的情况下显示一些选项.所以我使用 $('.selectize-input').click() 但它不起作用.如何在不点击输入的情况下显示几个选项? 解决方案 假设你绑定了 selectize 插件,比如 $('.selectize-input').selectize(options),你应该能够像这样使用 API 的 o ..
发布时间:2021-10-26 17:32:26 前端开发

Capybara与jquery.selectize的集成测试

如何使用 jquery.selectize用表单编写水豚集成测试。 ? 我要测试输入两个值的用户。 解决方案 此处的大多数答案都是从封面下进行更改的,与用户的交互作用不同。这是一个与用户操作相近的版本。 #等待文本以自动完成方式显示,然后选择它 def selectize_select(selectize_class,text) find(“#{selectize_clas ..

如何将Selectize.js多个选择输入字段设置为始终为一行?

我有一个Selectize.js多输入字段,该字段具有固定的高度和宽度. 当我选择多个值时,该字段会将选定的值分成多行,使以前的值对用户隐藏. 有什么办法可以强制select始终将值放置在一行中而不用换行? 解决方案 我也遇到了这个问题,最终成为一个简单的CSS修复程序: .selectize-input { white-space: nowrap !i ..
发布时间:2020-07-08 02:41:58 前端开发

如何更改selectize.js下拉列表的占位符?

当父下拉菜单更改其选择以加载要更改其占位符的下拉菜单的选项时,我想更改由selectize.js创建的下拉菜单的占位符.文档中没有方法可以做到这一点. 解决方案 不确定selectize是否继续更改其代码,或者该线程上的所有其他用户是否都只是在吹嘘,但所有这些答案似乎都是错误的,但是如果您这样做,将您得出的每个答案的正确部分与这个对我有用. var textHandl ..
发布时间:2020-05-28 01:45:19 前端开发

我怎样才能选择插入选项的文本,而不仅仅是值?

我正在尝试使用Selectize.js处理表单中的多选字段.当您从下拉列表中选择一个选项时,它会向select字段添加一个选择,但只会添加数据值.有谁知道是否有一种简便的方法来使Selectize也可以从选项中添加文本?​​ 解决方案 使用.getItem(value)方法. https://github.com/brianreavis/selectize.js/blob/maste ..
发布时间:2020-05-21 21:38:52 其他开发

selectize.js:清除onChange事件中的选定值

我试图根据情况清除在onChange事件中选择的值.它是否已经存在于所选列表中. 但是我无法使用 清除值 从onChange对象内部开始$select[name][0].selectize.clear();.我尝试了各种版本,例如使用元素id. 请帮助我. $select[name].selectize({ valueField: 'lot_name', labelField: 'lot_ ..
发布时间:2020-05-19 22:50:27 其他开发

如何将Selectize.js安装到我的Rails应用程序中?

我下载了Selectize.js,并试图将其安装到我的Rails 4应用程序中,但是文件太多了,我很困惑.成功将Selectize安装到其应用程序中的任何人都可以帮助我解决这个问题吗?我正在尝试实现一个自动建议的输入栏,用户可以在其中输入最多不超过6个来自数据库的项目. 以下是我下载的内容(版本0.11.0):很抱歉,文档数量巨大,但这正是我如此困惑的原因. -brianreavis- ..
发布时间:2019-11-16 13:58:00 前端开发

添加两个列表进行选择,默认情况下应选择第一个列表

嗨,我对selectize有一个小问题,即如何添加两个列表,默认情况下应该选择第一个列表,最终用户可以从第二个列表中以相同的形式选择项目.您可以在下面找到我的代码.如果我添加两次选项,则selectize仅需第二个.) $(document).ready(function(){ lol = "lol1 , lol2 , lol3" var lol = lol.split(' ..
发布时间:2019-11-15 15:55:20 前端开发

禁用“在退格键上删除" (或完全删除ibeam)

我正在尝试使用selectize.js创建一个自定义选择框.到目前为止,它很容易配置,API支持几乎所有内容.我需要做的最后一件事是禁用选项以按退格键删除项目.为此,我找不到用于配置属性的任何方法.您对如何实现这一目标有任何想法吗? 另外,对我有用的另一件事是禁用"ibeam".此功能使您可以使用箭头键在所选项目之间导航.禁用此功能后,用户将只能删除对我来说不是什么大问题的最后一项. ..
发布时间:2019-11-14 12:28:43 前端开发

如何限制选择标签中的最小字符

我要限制“选择标签"输入的最少3个字符.是否有可能? select中有任何事件吗? 解决方案 我遇到了同样的问题. 正如Rory所说的那样,它是通过插件实现的. 它实际上很简单. 您可以找到$('#select-words-length').selectize({ create: true, createFilter: function(input) { return inpu ..
发布时间:2019-11-14 12:17:59 JavaScript