Html 除非选择了表单选项,否则禁用提交按钮
我在网上查看了一些页面,了解如何禁用下拉框的提交按钮,除非选择了一个选项。但是找不到适合我的。 任何关于如何做到这一点的帮助都将是巨大的 编辑:我不希望Html 除非选择了表单选项,否则禁用提交按钮,html,forms,dropdown,Html,Forms,Dropdown,我在网上查看了一些页面,了解如何禁用下拉框的提交按钮,除非选择了一个选项。但是找不到适合我的。 任何关于如何做到这一点的帮助都将是巨大的 编辑:我不希望--选择一个选项--被视为一个选项 --选择一个选项-- 1. 2. 3. 4. 5. 使用onChange事件 <html> <head> </head> <body> <form action="action_page.php"> <s
--选择一个选项--
被视为一个选项
--选择一个选项--
1.
2.
3.
4.
5.
使用onChange事件
<html>
<head>
</head>
<body>
<form action="action_page.php">
<select name="attacks" id="attacks" onchange="selectChanged()">
<option value="not_valid">-- select an option --</option>
<option value="attack1">1</option>
<option value="attack2">2</option>
<option value="attack3">3</option>
<option value="attack4">4</option>
<option value="attack5">5</option>
</select>
<br>
<input type="button" id="battle" onclick="game()" value="Battle">
</form>
<script>
function selectChanged(){
attacks = document.getElementById("attacks");
if(attacks.value =="not_valid"){//or whatever th unwanted value is
document.getElementById("battle").disabled = true;
} else{
document.getElementById("battle").disabled = false;
}
}
</script>
</body>
</html>
--选择一个选项--
1.
2.
3.
4.
5.
函数selectChanged(){
攻击=document.getElementById(“攻击”);
如果(attacks.value==“not_valid”){//或任何不需要的值
document.getElementById(“battle”).disabled=true;
}否则{
document.getElementById(“battle”).disabled=false;
}
}
您尝试过Javascript或jQuery吗?因为如果没有这两个,你就无法向页面元素添加行为。是的,我有,你有什么建议吗?这不起作用,即使我只使用上面提供的HTML和你在jsfiddle.net上的JS。刚才我在jsfiddle上试过了,但没有像你说的那样起作用,但如果您尝试使用我刚刚编辑的代码手动创建html文件,它肯定会成功,除了html、head、body标记之外,其他代码都是相同的。