jquery - 如何抓住第二个选择用 jQuery？第一次单击展开 <option>，第二次单击选择其中一个。如何捕捉第二次点击？

Answer 1

您可以使用jQuery 的one函数链接一些事件，如下所示：

$('select').one('click', firstClick);

function firstClick(evt) {
    //do anything you might want to do
    $(evt.target).parent().one('click', secondClick);
}

function secondClick(evt) {
    //again, do you thing
    $(evt.target).parent().one('click', firstClick);
}

该one函数将执行您提供一次的事件处理程序，然后将其删除。此解决方案允许您在每次单击时切换处理程序。如果你使用这个，请小心。您还需要处理blur事件以重置第一个处理程序。

您还可以使用jQuery 的live函数来最小化您正在创建的事件处理程序的数量，从而节省内存。这也将避免我在第一个解决方案中可以预见的一些问题。

$('select option').live('click', selectHandler);

function selectHandler(evt) {
    //insert magic here
}

Answer 2

皮特答案的 jQuery 版本，我认为可以满足提出的问题

$("option").click(function(){
   alert($(this).text());
});

编辑

由于上述内容不是跨浏览器，我进行了一些搜索，并在此处发现了一篇关于堆栈溢出的帖子，这可能会有所帮助。

每次使用 jQuery 选择 DropDownList 项目时触发事件

Answer 3

如果选择已更改，onchange则调用该方法。

Answer 4

您始终可以在组合框中的每个选项上使用 onclick。它不漂亮，但它应该可以工作：

<select>
    <option onclick="alert('May');">May</option>
    <option onclick="alert('June');">June</option>
    <option onclick="alert('July');">July</option>
</select>