javascript - 選択ボックスで選択されたオプションに基づいてスクリプトを実行する

Question

オプション 1、オプション 2、およびオプション 3 に基づいて、ユーザーが表示する要素を選択する選択ボックスがあります。

したがって、私が設定しようとしているのは、オプション 1 が選択されている場合は 1 つのコマンド セットを実行し、オプション 2 が選択されている場合は別のコマンドを実行するということです。

jQueryセレクターの設定方法を知る必要があるだけだと思います。

Answer 1

コードがトリガーされた方法を指定しなかったため、一般的な 2 つの方法を次に示します。

$('#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);
}