JavaScript実行機能<option>をクリック

Question

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

Answer 1

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

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

Answer 2

あなたは、ユーザーがクリックしたオプションをチェックして、ご希望のコードを実行するchangeイベントを使用することができます。 jQueryので

：あなたは<select>要素のonchangeイベントをフックし、値をチェックする必要が

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

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

Answer 3

。あなたはそれを試しましたか？

Answer 4

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

など。

<option onclick="yourFunction()"> 

Answer 5

あなたの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 6

プロジェクトで使用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> ウォッチで新しいJavaScript関数を実行することができます：http://jsfiddle.net/extremerose71/PnfCk/8/

お楽しみください...ここで

Answer 7

：！elemあなたのSELECT要素をある

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

。

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