根据选择框中选择的选项执行脚本？

Question

我有一个选择框,用户根据选项1,选项2和选项3选择要查看的元素.

所以我想要设置的是,如果选择选项1运行一组命令,如果选项2运行另一组,依此类推.

我想我只需要知道如何设置jQuery选择器.

Answer 1

您没有指定代码的触发方式,因此以下是两种常用方法:

$('#yourSelect').change(function() {
  if ($(this).val() == 'something') { 
     // do this
  }
  if ($(this).val() == 'somethingelse') { 
     // do that
  }
});

请注意,虽然我使用onchange事件进行选择,但另一个元素的onclick将改为:

$('#somethingelse').click(function() {
  if ($('#yourselect').val() == 'something') { 
     // do this
  }
  if ($('#yourselect').val() == 'somethingelse') { 
     // do that
  }
});