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

Question

一旦选择了一个选择选项,任何人都可以让我知道触发事件的最佳方式吗？

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

Answer 1

使用$.change()活动:

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

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

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

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

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

Answer 2

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