在下面的下拉菜单中,当用户选择操作否时,我希望显示下一个下拉菜单
<select id="OperationType" onChange="check(this);">
<option value="OpNo">Operation No</option>
<option value="OpEmp">Employee No</option>
</select>
<select id=OperationNos>
<option value="1001">1001</option>
<option value="1002">1002</option>
</select>
如果用户选择员工编号,我希望隐藏最后一个下拉菜单并显示以下文本字段:
<input type='text'>
我所做的是放置以下脚本,但它没有隐藏这两个元素:
function check(elem) {
document.getElementById('OperationType').disabled = !elem.selectedIndex;
}
它只是禁用了它。我希望它是隐形的。
谢谢
Add a style="display: none" to your OperationNos select:
你不需要通过this
去检查()。
如果选择了“OpNo”,则修改您的函数以切换此 css 属性:
function check() {
var dropdown = document.getElementById("OperationType");
var current_value = dropdown.options[dropdown.selectedIndex].value;
if (current_value == "OpNo") {
document.getElementById("OperationNos").style.display = "block";
}
else {
document.getElementById("OperationNos").style.display = "none";
}
}
例子:http://jsfiddle.net/2pna2/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)