javascript - Javascript実行関数クリック

Question

ユーザーがドロップダウンメニュー<option>内の特定のものをクリックしたときにjavascript関数を実行する方法はありますか？<select>

Answer 1

<select>要素はonchangeイベントをサポートします。

http://w3schools.com/jsref/event_onchange.asp

Answer 2

ここ：

elem.onclick = function ( e ) {
    if ( e.target.tagName.toLowerCase() === 'option' ) {
        // an <option> element was clicked
        // do your thing
    }
};

elemSELECT要素はどこにありますか。

ライブデモ： http： //jsfiddle.net/vBB7a/

Answer 3

HTMLは次のようになります。

<select onchange="functionName(this.value)">
    <option value="1"> 1 </option>
    <option value="2"> 2 </option>
    <option value="3"> 3 </option>
</select>​

JavaScriptには、関数（例：）があり、functionName()その関数を使用して各ケースをテストします。

Answer 4

イベントを使用してchange、ユーザーがクリックしたオプションを確認してから、目的のコードを実行できます。

Jqueryの場合：

$('#yourSelect').change(function(){
    var item = $(this).val();

    if (item === "Specified Choice")
    {
        //do your stuff here
    }
});

Answer 5

プロジェクトでJqueryを使用します。

HTMLコード：

<select id="myselect">
    <option value="">Select</option>
    <option value="1">StactOverFlow</option>
    <option value="2">SuperUser</option>
    <option value="3">Another 1</option>
    <option value="4">Another 2</option>
    <option value="5">Another 3</option>
</select>

JQueryコード：

$("#myselect").bind('change', function(){
    switch($(this).val()){
        case "1":
            click_action_1();
            break;

        case "2":
            click_action_2();
            break;

        case "3":
            click_action_3();
            break;
    }
});

function click_action_1(){
    alert('Hi 1');
}         

function click_action_2(){
    alert('Hi 2');
}      

function click_action_3(){
    alert('Hi 3');
}
​

<option> Watch in Actionを使用して新しいJavaScript関数を実行することもできます：http： //jsfiddle.net/extremerose71/PnfCk/8/

楽しみ！...

Answer 6

要素のonchangeイベントをフックして、値を確認する必要があります。<select>あなたはそれを試しましたか？

Answer 7

内部で<option>は、イベントを使用して、onclick実行するjavascript関数を指定できます。

例えば

<option onclick="yourFunction()">