-4

我想用选项创建简单的下拉菜单，其中一个是 PASS 然后显示 DIV 一旦从下拉菜单中选择选项 PASS，其他选项 DIV 将被关闭

<script type="text/javascript">
document.getElementById('mfi_4_a_i').onchange = function(){
    if (this.value == 'PASS') {
        document.getElementById('sdd').style.display = "block";
    } else {
        document.getELementById('sdd').style.display = "none";
    }
};
</script>
<select id="test" name="test" onChange="changetextbox();">
    <option value="PASS">PASS</option>
    <option>No</option>
    <option>No, but planning in future</option>
</select>

<input type="text" name="test" id="sdd" />
4

2 回答 2

1

更改顺序

<select id="test" name="test" onChange="changetextbox();">
    <option value="PASS">PASS</option>
    <option>No</option>
    <option>No, but planning in future</option>
</select>

<input type="text" name="test" id="sdd" />

<script type="text/javascript">
document.getElementById('mfi_4_a_i').onchange = function(){
    if (this.value == 'PASS') {
        document.getElementById('sdd').style.display = "block";
    } else {
        document.getELementById('sdd').style.display = "none";
    }
};
</script>

您需要确保当 JavaScript 运行时 DOM 元素已准备就绪......

请注意，您的属性在 JavaScript 和HTML 中id都不匹配，您应该编写一个函数或不同时编写这两个...mfi_4_a_itestchangetextboxgetElementById('blah').onchange = function() {

<select id="test" name="test">
    <option value="PASS">PASS</option>
    <option>No</option>
    <option>No, but planning in future</option>
</select>

<input type="text" name="test" id="sdd" />

<script type="text/javascript">
document.getElementById('test').onchange = function(){
    if (this.value == 'PASS') {
        document.getElementById('sdd').style.display = "block";
    } else {
        document.getElementById('sdd').style.display = "none";
    }
};
</script>

这里的工作示例

你的另一个笔记

document.getELementById('sdd').style.display = "none";

这应该是

document.getElementById('sdd').style.display = "none";

我改变了Lin Element的大小写

于 2012-07-16T10:28:58.927 回答
0

你会想要这样的东西：

<script type="text/javascript">
document.getElementById('ID_OF_DROPDOWN').onchange = function(){
    if (this.value == 'PASS') {
        document.getElementById('ID_OF_DIV').style.display = "block";
    } else {
        document.getELementById('ID_OF_DIV').style.display = "none";
    }
};
</script>
于 2012-07-16T10:24:37.323 回答