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