gpt4 book ai didi

javascript - DropDownList 中的 onChange 和 onSelect

转载 作者:太空狗 更新时间:2023-10-29 13:54:40 24 4
gpt4 key购买 nike

我有一个 DropDownList 询问用户是否想加入俱乐部:

Do you want to join the club
Yes
No

在此列表下还有另一个列表默认设置为禁用。此列表包含俱乐部的部门。在用户选择"is"之前,不会启用此列表。

我构建了以下代码,但我无法解决的问题是假设用户选择了是,然后他改变了他的决定,所以他会再次选择否。在这种情况下,部门列表仍然可用。当他再次选择“否”时,我希望它被禁用。

<html>
<head>
<script type="text/javascript">
function disable()
{
document.getElementById("mySelect1").disabled=true;
}
function enable()
{
document.getElementById("mySelect1").disabled=false;
}
</script>
</head>
<body>
<form>
<select id="mySelect" onChange="enable();">
<option onSelect="disable();">No</option>
<option onSelect="enable();">Yes</option>
</select>
<select id="mySelect1" disabled="disabled" >
<option>Dep1</option>
<option>Dep2</option>
<option>Dep3</option>
<option>Dep4</option>
</select>
</form>
</body>
</html>

我以为 onSelect="disable();" 会解决问题,但它仍然不起作用。

谢谢

最佳答案

我会这样做 jsFiddle example .

JavaScript:

function check(elem) {
document.getElementById('mySelect1').disabled = !elem.selectedIndex;
}

HTML:

<form>
<select id="mySelect" onChange="check(this);">
<option>No</option>
<option>Yes</option>
</select>

<select id="mySelect1" disabled="disabled" >
<option>Dep1</option>
<option>Dep2</option>
<option>Dep3</option>
<option>Dep4</option>
</select>
</form>

关于javascript - DropDownList 中的 onChange 和 onSelect,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9935134/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com