重新选择所选选项时的 Javascript/jQuery 选择元素事件

标签 javascript jquery jquery-chosen

我有一个简单的 SELECT,带有 jQ​​uery 选择的插件,它多次出现在页面上。选择的顶部是“添加新”选项。我的想法是,如果用户单击“添加新项”,我会显示一个对话框。

使用 jQuery click 事件,这很容易,而且第一次就可以正常工作。但是,如果用户取消对话框,然后再次单击“新增”,则不会触发单击事件。

我曾尝试向选项本身添加点击事件处理程序,但没有成功。我也在没有选择插件的情况下尝试过,但没有运气。我认为选择不是问题。

这是一个显示问题的简单 jsfiddle:http://jsfiddle.net/7cMEg/

$('.cls').chosen().change(function() { if ($(this).val()==='-1') alert('clicked'); });

单击选择框,然后选择添加新项。将出现一个警报。但是现在选择了添加新项,当您单击选择框并重新单击添加新项时,没有任何反应 - 没有触发单击事件。我可以使用其他事件吗?还有其他建议(也许是无样式的超链接)吗?

最佳答案

因为事件是在 change 上触发的,而不是在 click 上触发的。由于第二次单击时值未更改,因此不会显示警报。

点击时显示警报 - fiddle

关于重新选择所选选项时的 Javascript/jQuery 选择元素事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17676446/

相关文章:

javascript - 编写将所有内容都放在变量中的 Javascript 代码

javascript - 使用支持 Javascript 的 WCF 进行错误处理?

javascript - 如何使用jQuery检查选择框中的任何选项是否等于另一个选择框中的任何选项

javascript - Angular js + 选择插件 + 将值设置为在下拉列表中选择

javascript - 当 jQuery 选择中未选择任何内容时,表单提交上的空数组

jquery - 如何为我的下拉框激活 selected()

javascript - React Native TouchableHighlight 字体颜色文本更改

javascript - Angular js Controller 只打印大括号

jquery - 水平滚动到 div 不起作用

jquery - Bootstrap 崩溃不适用于 JQuery