javascript - 为所有 child 绑定(bind)点击事件

Question

我正在尝试为元素的子元素绑定(bind)点击事件，如下所示:

$('#A').children().bind('click',function () {
    console.log('Hello');
});

HTML 是

<select id='A'>
    <option val='1'>One</option>
    <option val='2'>Two</option>
</select>

我在 stackoverflow 上查看了其他问题，例如 Bind element and its children in jQuery并且到处都提到同样的方法。这里有什么问题吗？

编辑

我知道有一个可用的更改事件，但是，请考虑当我选择与所选选项相同的选项时需要触发更改事件的场景。

仅当选项从 One 更改时，更改才有效。至Two反之亦然，但如果我选择相同的选项，即:从 Two 更改会怎样？至Two本身？

Answer 1

其他回复提出了问题的解决方案。您的代码可能无法在严格的浏览器中运行的原因是 click event is not defined对于一个选项元素。您可以使用更改事件，或者如果您确实需要处理点击，则不应使用 native 选择元素。