jQuery:如何在选择select选项时触发事件/执行某些操作?

时间:2012-06-27 22:14:08

标签: jquery

点击并选择了一个选项后,有人能告诉我触发事件的最佳方法吗?

一旦用户选择了他们的选项,我想运行一些额外的JavaScript。

2 个答案:

答案 0 :(得分:8)

使用$.change()事件:

$('select').change(function() {
    // Additional JavaScript
});

要获取所选选项的值,请在函数范围内使用$(this).val(),如下所示:

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

如果您使用的是jQuery 1.7+,则可以将$.on()与其他任何事件一起使用:

$('select').on('change', function() {
    // Additional JavaScript
});

答案 1 :(得分:7)

$('#my-select').change(function(){ 
  //do stuff here, eg. 
  if ($(this).val() == 'xyz') { //check the selected option etc.
     //do more stuff
  }
});