jQuery,使用<select>的最佳方式

Question

捕获<select>更改事件的最佳方法是什么？我有一个具有不同输入元素的表单,但我想仅在<select>更改的情况下触发事件.我不想使用ID,因为表单上有很多选择.

提前谢谢了!

Answer 1

如果您只希望页面中的某些选项具有更改事件,则可以向它们添加类,如下所示:

<select class='choose_me'>...</select>

<!-- later on in the page... -->

<select class='choose_me'>...</select>

然后你可以通过以下方式来捕捉任何这些变化事件:

$('select.choose_me').change(function() { .... } );

如果要选择所有选项,只需更改选择器即可

$('select').change(function() { });

在函数内部,您可以通过使用引用select元素$(this),因此代码如下:

$('select.choose_me').change(function() {
    alert($(this).val());
});

将<select>通过一组choose_me更改来警告任何标签的选定选项.