Question

这是我的简单代码：

$(".test").change(function(){
    alert("user clicked");
});

<select class="test">
    <option value="1">test1</option>
    <option value="2">test2</option>
</select>

这一切都很简单而且有效，但是我希望不仅在用户更改选项时调用该函数，而且当他点击已选择的相同选项时，我尝试了click事件但它得到了在用户甚至点击任何选项之前激发，我该怎么办？

Answer 1

在chrome中不起作用。

$(".test option").click(function(e){
    console.log('click');
});

更新你的小提琴。

点击选项

编辑：看起来不可能没有一堆工作就像使用点击选择并比较它被点击的位置或类似的东西。

我不确定最终目标是什么，但是如果您可以在最初点击它时多花一次时间点击选择可能会有效。

another article on it:

Answer 2

如果你的意思是选择中只有一件事（比如我遇到的问题），你可以创建一个默认的禁用选项，并将其设置为选中。这意味着如果你有一个选项，onchange会激活，因为禁用是以前选择的那个：

<option disabled selecte>Select an option</option>
<option> Only Option </option>

jquery在同一选项上选择更改事件

2 个答案: