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