Question

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

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

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

Answer 1

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

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

请注意，虽然我为select使用了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);
}

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

2 个答案: