gpt4 book ai didi

javascript - 如何使用 JavaScript 禁用 html 表单元素?

转载 作者:行者123 更新时间:2023-11-28 13:49:44 25 4
gpt4 key购买 nike

有两个选择按钮需要客户端验证。用户必须选择其中一项,如果用户选择一项,另一项将自动禁用。

这是我的脚本:

<html>
<head>
<script type="text/javascript">
function Check() //this the funciton for diasbled
{
var x =document.getElementById("supexp1");
var y =document.getElementById("supexp2");

if(x.value != "")
{
document.form1.supexp2.disabled=true;
}
else if(y.value != "")
{
{
document.form1.supexp1.disabled=true;
}
}
}

</script>

</head>
<body>
<form method="POST" action="destination.php" id="form1">
<select name="SUPEXP" id="supexp1" data-native-menu="false" onChange="Check()">
<option >Ekspedisi Local1</option> //this selection 1
<option >Ekspedisi Local2</option> //this selection 1
<option >Ekspedisi Local3</option> //this selection 1

</select>
<select name="SUPEXP" id="supexp2" data-native-menu="false" onChange="Check2()">
<option >Ekspedisi Expor2</option> //this selection 2
<option >Ekspedisi Expor2</option> //this selection 2
<option >Ekspedisi Expor2</option> //this selection 2


</select>
</form>
</body>
</html>

我使用jquerymobile框架并选择连接到数据库。该代码(JavaScript)没有运行。

最佳答案

我希望这就是您根据您的描述尝试做的事情,这里是 jsfiddle

   $(document).ready(function() {
$('#supexp1').change(function() {
$('#supexp2').attr("disabled" , "disabled")
});
$('#supexp2').change(function() {
$('#supexp1').attr("disabled" , "disabled")
});
});​

关于javascript - 如何使用 JavaScript 禁用 html 表单元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11698198/

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