異なる選択オプションで異なる機能をロードするJavaScript

Question

異なる選択オプションで異なる機能を呼び出すにはJavaScriptが必要です。例えば。

<select name="city"> 
    <option value="1" onselect="function_one()">One</option> 
    <option value="2" onselect="function_two()">Two</option> 
    <option value="3" onselect="function_three()">Three</option> 
    <option value="4" onselect="function_four()">Four</option> 
</select> 

Answer 1

これは、onclick属性とonselect属性がオプションタグでサポートされていないため、このようにする必要があります。

<select name="city" onchange="selectionchanged(this)"> 
    <option value="1" >One</option> 
    <option value="2" >Two</option> 
    <option value="3" >Three</option> 
    <option value="4" >Four</option> 
</select> 

<script type="text/javascript"> 

function selectionchanged(e) { 
    if (e.value == "1") 
     function_one(); 
    else if (e.value == "2") 
     function_two(); 
    else if (e.value == "3") 
     function_three(); 
    else if (e.value == "4") 
     function_four(); 
} 
</script> 

DEMO