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。

HTML SELECT JS onchange（）禁用注释框

2 个答案: