JavaScript 在不同的选择选项上加载不同的函数

JavaScript load different functions on different select options

本文关键字：加载 函数 选项 JavaScript 选择      更新时间：2023-09-26
我需要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>

您应该这样做，因为选项标签不支持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>

演示

相关文章：