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

【问题标题】：Execute script based on which option is selected in a select box?根据选择框中选择的选项执行脚本？
【发布时间】：2012-07-20 07:47:24
【问题描述】：

我有一个选择框，用户可以在其中根据选项 1、选项 2 和选项 3 选择他们想要查看的元素。

所以我要设置的是，如果选择了选项 1，则运行一组命令，如果选项 2 运行另一组命令，依此类推。

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

【问题讨论】：

标签： javascript jquery css-selectors html-select

【解决方案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
  }
});

【讨论】：

【解决方案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);
}

【讨论】：