HTML SELECT JS onchange（）禁用評論框

Question

這可能是一個荒謬的簡單問題，但我是JS新手。

我想有一個SELECT框允許一個人指出他們聽到的事件他們正在註冊。將會有一個評論框，默認情況下是禁用的，但如果用戶在SELECT選項中選擇「其他」，評論框將變得可用。

我知道onchange（），但我不知道如何在單獨的表單元素中觸發響應。任何幫助？

Answer 1

可能是這樣的。

HTML：

<select id="menu"> 
    <option value="0">News</option> 
    <option value="1">Friends</option> 
    <option value="2">Other</option> 
</select> 

<input id="comment" type="textbox" disabled="true"/> 

JS：

document.getElementById('menu').addEventListener('change', function() { 
    if (this.value == 2) { 
     document.getElementById('comment').disabled = false; 
    } else { 
     document.getElementById('comment').disabled = true; 
    } 
}); 

這裏有一個fiddle。

Answer 2

可能是這樣的。

HTML：

<select id="IDE"> 
    <option value="0">Xcode</option> 
    <option value="1">Android Studio</option> 
    <option value="2">Others</option> 
</select> 

<input id="comment_box" type="textbox" disabled="true"/> 

JS：

document.getElementById('IDE').addEventListener('change', function() { 
    if (this.value == 2) { 
     document.getElementById('comment_box').disabled = false; 
    } else { 
     document.getElementById('comment_box').disabled = true; 
    } 
}); 

這裏有一個fiddle。