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