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

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
  }
});

Answer 2

<select onchange="if(this.value)window[this.value]();">
<option value="">select one...
<option value="runme1">run me 1
<option value="runme2">run me 2
</select>

<script>
function runme1() {
alert(1);
}
function runme2() {
alert(2);
}