選択ボックスでどのオプションが選択されているかに基づいてスクリプトを実行しますか？

Question

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

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

jQueryセレクタを設定する方法を知っておく必要があると思います。

Answer 1

次の2つの一般的な方法ですので、ここでは、コードがトリガされた方法を指定しませんでした：私は選択のためのonchangeイベントを使用しながら、別の要素のonclickのは、次のようになりますことを

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

が注代わりに：

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