드롭 다운 메뉴 선택에 따라 텍스트 상자를 숨기거나 표시하려면 어떻게합니까?

Question

하나의 옵션이 '기타'인 드롭 다운 메뉴가 있습니다. 각 옵션은 ID가 if OptionId = 6, OptionDescription is "Other" 인 테이블에 추가됩니다. '기타'를 선택하는 경우

, 텍스트 상자가 어떤 다른 기준 것은 구체적으로 입력하도록 사용자에게 나타납니다 :이 경우

<tr> 
    <td class="labels"> 
     Option: 
    </td> 
    <td colspan="3"> 
     <%=Html.DropDownList("OptionId", Utilities.OptionLookup(), "-Select One-") %> 
    </td> 
    <td> 
     <input id="OtherOption" type="text" /> 
    </td> 
</tr> 

, Utilities.OptionLookup() 내 옵션 테이블에서 값을 가져오고을 채 웁니다 dd. 지금은 일반 텍스트 상자 OtherOption 만 있습니다.

이전에 javascript를 사용했지만 클릭 이벤트를 기반으로했습니다. 그래서 텍스트 상자를 'display:none'으로 설정하고 onclick을 사용하여 내 스크립트의 이름을 지정하고 내 스크립트에서 표시 여부를 확인합니다.

내 드롭 다운에서 '기타'를 선택했을 때 비슷한 기능을 수행하고 싶습니다.

이 작업을 수행하는 가장 좋은 방법은 무엇입니까?

Answer 1

동일한 방법으로 수행 할 수 있지만 onclick 이벤트 대신 onchange 이벤트를 사용합니다.