问题标签 [jquery-chosen]

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 投票
3 回答
921 浏览

ruby-on-rails - 有没有人使用过带有 Chosen.js 下拉菜单的 client_side_validations gem?

我正在使用 selected.js ( http://harvesthq.github.com/chosen/ )。我想知道是否有人能够一起使用选择的选择框和 client_side_validations。

问题是,当我们使用 selected 时,它会隐藏原始 select 元素并呈现自己的下拉列表,当我们关注时不会调用验证,并且当显示验证消息时,它会与原始 select 元素一起显示,因此定位错误也不正确。

什么可能是处理这个问题的好方法,我是我们可以更改其中的一些代码ActionView::Base.field_error_proc,目前看起来像

有任何想法吗 ?

编辑1:

我现在有以下对我有用的解决方案。

  • 将类“chzn-dropdown”应用于我选择的所有选择
  • 使用了 client_side_validations Gem 提供的以下回调
0 投票
1 回答
5721 浏览

jquery - FireBug - TypeError:项目未定义

我在我的网站中使用 Chosen Select Box Jquery 插件。选择中的选项会使用 ajax 进行更新,因此当您在 1 个框中选择某些内容时,会显示下一个框的选项。

我几乎让它工作了,但是当我单击第二个框选项时,第三个框选项不显示。我在 FireBug 中收到一条错误消息:

类型错误:项目未定义

item.selected = true;

它说它在 Chosen Box 的 js 文件中。

JS ========================

我花了几个小时试图弄清楚但不能。任何帮助,将不胜感激。

0 投票
2 回答
1382 浏览

select - Chosen (by Harvest) :是否可以在多选列表中允许不在列表中的元素?

我正在使用 Patrick Filler 开发的出色的 Chosen 插件。

但是我不允许用户在多选列表中添加不在列表中的元素。我收到消息“没有结果匹配“XXXX””。

如果不清楚:例如,如果我的列表中有元素 1、2 和 3 并且用户类型为 4,我让他使用 for,即使它不在列表中。我使用它是为了不强迫他在用户想要发送电子邮件时注册用户的电子邮件。他可以搜索已注册列表中的电子邮件,将电子邮件添加到列表中,或者直接在输入中写入电子邮件而不将其注册到列表中。

我可以使用 jquery ui 自动完成插件来做到这一点。由于我不想使用这两者,只是为了保持连贯性,有没有办法使用 Chosen 插件(无需繁重的工作)来实现我想要的东西?

谢谢巴斯蒂安

0 投票
1 回答
6195 浏览

javascript - Chosen.js - 改变 jQuery

我正在使用 selected.js ( http://harvesthq.github.com/chosen/ ),并且我有一个选择框,我想根据所选选项操作页面。我在他们的文档中看到他们有一个如何做到这一点的例子。唯一的问题是当我运行这个脚本时。

它在第一次更改时运行。然后它死了,它再也不会运行了。

我也尝试添加一个 '.bind()' 但这也不起作用。

0 投票
1 回答
1233 浏览

razor - 选择的(JQuery)DropDownList 中未显示默认文本

我正在为 ASP.NET MVC (Razor) 项目使用选择的 JQuery 插件。对于下拉列表,它不显示由 设置的默认文本值data_placeholder,而是显示列表的第一项。

如何显示下拉列表的默认文本?

0 投票
2 回答
13334 浏览

jquery - 在禁用选项上选择 jquery

我有一个带有一些选项的选择:

我正在为 jQuery 使用选择的插件,问题是禁用的选项已从视图中删除。但我需要将其显示为不可点击的禁用元素。

jquery选择的插件有机会吗?

-- 该示例将转换为:

所以第二个元素并没有变得不可见,它根本不存在。

0 投票
1 回答
2170 浏览

javascript - 选择的多选在第一次单击时不显示下拉列表

当从多选中删除所有选择选项时,它会显示数据占位符值,这很好,但是第一次单击选择框,它不会拉下拉。第二次单击多选工作正常。

这个问题在所有浏览器中都会发生。我在下面链接中显示的演示中也发现了同样的问题。

这个问题有什么解决办法吗?

http://harvesthq.github.com/chosen/

0 投票
2 回答
33257 浏览

javascript - 当通过JS更改值时,jQuery选择不触发onchange事件

JSFiddle

我在小提琴中设置了select3option秒(1 个空白)。当我从手动切换时,foo侦听器会正常触发。barchange

现在,如果我使用此处发布的一些答案中的代码重置select通过 JS,则不会为新选择的空白选项触发事件,此外,如果我选择在单击按钮之前选择的选项,则事件也不会触发.changeresetonchange

我确定select' 的值正在使用上面的函数进行更改,这可以在这个fiddle中看到,但是select'onchange事件根本不会触发。

我也试过onchange, onclick,oninput事件无济于事。现在我想知道是否应该使用 MutationObserver 或从 DOM 中删除呈现的选定元素并创建另一个,但我可能想多了。任何帮助表示赞赏。

还:

这个答案对我帮助很大:jQuery Chosen reset

这个答案没有帮助:如何在选择的原型 javascript 选择框中触发 onchange 事件?

如果 jsfiddle.net 被删除,供将来参考的代码:

HTML

JS

0 投票
7 回答
45737 浏览

jquery - 使用 selected.js 进行“全选”和“全部删除”

对于选择菜单插件selected.js,是否有一种既定方法可以将“选择列表中的所有项目”或“删除列表中的所有项目”功能添加到多选输入?在主分支中还是在其中一个分支中?或者以前有人做过这个有一些提示吗?

0 投票
18 回答
57272 浏览

jquery - 如何通过“选择”插件使用 jQuery 验证?

我有一些<select>使用所选插件的输入,我想在客户端验证为“必需”。由于“选择”隐藏了实际的选择元素并创建了一个带有 div 和 span 的小部件,因此原生 HTML5 验证似乎无法正常工作。表单不会提交(这很好),但没有显示错误消息,因此用户不知道出了什么问题(这不好)。

我已经求助于 jQuery 验证插件(我最终还是打算使用它),但到目前为止还没有任何运气。这是我的测试用例

这是让select空值通过,而不验证或显示错误消息。当我注释掉该chosen()行时,它工作正常。

如何chosen()使用 jQuery 验证插件验证输入,并显示无效输入的错误消息?