Javascript 启用和禁用字段
我有一个表单,它有两个下拉字段,比如说Javascript 启用和禁用字段,javascript,Javascript,我有一个表单,它有两个下拉字段,比如说a是一个,而B是另一个。我希望禁用下拉框B,直到选中下拉框A中的一个值 如何编写Java脚本?使用下拉列表a的onchange事件检查其值并更改下拉列表B的disabled属性: document.getElementById("dropdown_A").onchange = function () { if (this.selectedIndex == 2) // if the 3rd option is selected docu
a
是一个,而B
是另一个。我希望禁用下拉框B
,直到选中下拉框A
中的一个值
如何编写Java脚本?使用下拉列表a的
onchange
事件检查其值并更改下拉列表B的disabled
属性:
document.getElementById("dropdown_A").onchange = function ()
{
if (this.selectedIndex == 2) // if the 3rd option is selected
document.getElementById("dropdown_B").disabled = true;
}
注意:此代码需要在下拉菜单元素(或整个文档)被解析后运行。对于下拉菜单,请使用disabled属性=“disabled”
对于下拉菜单a,对将更改下拉菜单b的disabled属性的函数进行onchange
<html>
<head>
window.onload = function()
{
dda = document.getElementById("dropdown_A");
ddb = document.getElementById("dropdown_b");
dda.onchange = function()
{
if(dda.options[dda.selectedIndex] != "")
ddb.disabled = "";
};
}
</head>
<body>
<select id="dropdown_A">
<option value="" selected="selected"></option>
<option value="asdf">asdf</option>
<option value="12345">12345</option>
</select>
<select id="dropdown_B">
..
</select>
</body>
</html>
window.onload=函数()
{
dda=document.getElementById(“下拉菜单A”);
ddb=document.getElementById(“下拉菜单”);
dda.onchange=函数()
{
如果(dda.options[dda.selectedIndex]!=“”)
ddb.disabled=“”;
};
}
asdf
12345
..
基本上,在用户选择实际选项之前,不会发生任何事情。。。所以空白选项[ [ ] ]不会取消其他选择。