问题标签 [prototype-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 投票
4 回答
1227 浏览

javascript - 无法更改使用所选插件的 html 中的下拉选择

这是我的 webapp 的 html 片段。我正在尝试根据 .commtype 的选择来更改 .commmethod 的选定值,但所有常用技术都不适用于我。

html 片段下方是我的 jquery。

Jquery 代码确实设置了 commmethod 的选定值,但是,它不会更改在表单提交验证期间要处理条目所需的其他值。(见 jquery 之后的片段)

所以,如果我在切换后输出#commmethod.val,我会得到我想要的值,但是上面html中的以下元素(标有--->)不会根据需要更新......

如果我要使用它的下拉列表对 commmethod 进行选择,则上面的内容会更新为该值,并且所选的 commmethod 列表项的类会附加结果选择。

*****更新***** 原来 jquery 选择的插件正在对事件进行更新。研究 stackoverflow 以正确更新下拉列表,尚未找到解决方案。

我感谢任何和所有的帮助。谢谢你。

0 投票
1 回答
144 浏览

javascript - 禁用 PrototypeJS 的选定元素在 Firefox 中不起作用

我正在尝试以编程方式禁用所选元素,它在 Firefox 中不起作用,但在 Chrome 中起作用。

这是一个 JSFiddle:http: //jsfiddle.net/y79rm2dk/2/

.fire 似乎不适用于 Firefox 中的禁用元素?

0 投票
1 回答
653 浏览

jquery-chosen - Chosen.js 下拉菜单 | 如何保存数据占位符?

我有五个多重选择,用 javascript 动态创建。在每个过滤器旁边我有两个链接:“全部”和“无”。“全部”将所有过滤器放入所选框中,以便用户更轻松地排除某个值。“无”删除所有选项。

当我使用“全部”添加过滤器,然后手动删除它们时,数据占位符消失并且我得到一个空白过滤器框。如果我单击“全部”然后单击“无”,则数据占位符仍然存在。如果我手动添加和删除过滤器,它仍然存在。

https://jsfiddle.net/09bmrq31/6/

我能看到的唯一 DOM 区别是输入字段(div.chosen-container ul.chosen-choices li.search-field 输入)通常具有“默认”类。单击“全部”时,此类会呈现“”。单击“无”时,该类返回“默认”。所以我认为这门课是罪魁祸首。将 DOM 中的类改回“默认”本身没有任何影响,但我猜一些 javascript 进程取决于这个类。

我在选择的基础上使用选择的材料设计。但是我已经在这个 CSS 文件和常规选择的文件中搜索了“.default”,但它不存在,所以我认为这不是 CSS 问题。

有谁知道什么设置(或取消设置)这个类?这是三个不同应用程序中的一个问题,并且已经持续了数周。感谢您的帮助!

Javascript选择代码:

选择代码:

Javascript全/无代码:

显示数据占位符和“默认”类的 DOM 图像:

所选 select 和 div 的 DOM

0 投票
2 回答
91 浏览

javascript - 选择器

我在一个页面中使用了多个所选选择器的实例。您可以在代码中看到总共 5 个实例(下面附上小提琴链接)。

我想要一个系统,当从第一个下拉选择器中选择一个选项时,应该在所有以下下拉选择器中禁用该特定选项。该系统应该适用于所有 5 个下拉选择器。

这个系统能实现吗?我能够获得单击/选择选项的值。但无法创建完美的逻辑。

我已经更新了https://jsfiddle.net/ugsn74v1/15/上的代码