Javascript 为什么不是';当我在第一个选择中选择所有产品时,是否禁用了第二个选择?
我不明白为什么在选择“所有产品”选项时不禁用“选择A”Javascript 为什么不是';当我在第一个选择中选择所有产品时,是否禁用了第二个选择?,javascript,html,Javascript,Html,我不明白为什么在选择“所有产品”选项时不禁用“选择A” <form method="post" action="shop.php"> <select name='filterp'> <option defaultSelected>Please select an option</option> <option value="allp" isSelect="
<form method="post" action="shop.php">
<select name='filterp'>
<option defaultSelected>Please select an option</option>
<option value="allp" isSelect="disabled()">All Products</option>
<option value="milan">Products Milan</option>
<option value="juve" >Products Juventus</option>
</select>
<script>
function disabled()
{
document.getElementsById("A").disabled=false;
}
</script>
<select name="A" id="A">
<option defaultSelected>Please select an option</option>
<option id="mesh" value="mesh">mesh</option>
<option id="shorts" value="shorts">shorts</option>
<option id="socks" value="socks">socks</option>
</select>
<input type="submit" value="Filter" id="filtrogo" >
请选择一个选项
所有产品
米兰产品
尤文图斯产品
功能禁用()
{
document.getElementsById(“A”).disabled=false;
}
请选择一个选项
网格
短裤
袜子
您的代码中有isSelect=“disabled()”
,它没有任何作用,因为它不是实际的方法
要禁用选择选项,需要使用onchange
或change
eventListener,并检查您单击的选项是否为“所有产品”选项
js代码:
功能更改(值){
如果(值==“allp”){
document.getElementById(“A”).disabled=true;
}
}
在这里,我使用了一个if语句来检查值是否为“allp”,即“all products”选项,并禁用select
元素
另一个问题是您有document.getElementById(“A”).disabled=false代码>,它应该是true
完整代码:
请选择一个选项
所有产品
米兰产品
尤文图斯产品
函数selectOnchange(值){
如果(值==“allp”){
document.getElementById(“A”).disabled=true;
}
}
请选择一个选项
网格
短裤
袜子
非常感谢你救了我
请选择一个选项
所有产品
米兰产品
尤文图斯产品
函数selectOnchange(值){
如果(值==“allp”){
document.getElementById(“A”).disabled=true;
}
}
请选择一个选项
网格
短裤
袜子
您已经发明了自己的isSelect
“事件”。它没有任何作用。相反,您应该在select元素上侦听change
事件,并检查是否选中了该特定选项。另外请注意,当您要禁用控制元素时,disabled
应该是true
。什么是isSelect
?,它不是实际的method@MattiaSchipilliti让我知道如果你有任何疑问,你可以点击勾号接受我的答案,如果这对你有帮助:D