可不可以用jQuery的表单验证判断两个下拉框中选定值的大小。
可不可以用jQuery的表单验证判断两个下拉框中选定值的大小。比方说，下拉框select1中数据分别为1，2，3，4，select2中数据分别为1，2，3，4，要求sel...
可不可以用jQuery的表单验证判断两个下拉框中选定值的大小。比方说，下拉框select1中数据分别为1，2，3，4，select2中数据分别为1，2，3，4，要求select1中的选定值小于select2中的，否则错误提示。
要怎样做？ 展开
要怎样做？ 展开
2个回答
展开全部
function a(obj){
if($(obj).val()>=$('#b').val()){
alert('error');
}else{
alert('success');
}
}
function b(obj){
if($(obj).val()<=$('#a').val()){
alert('error');
}else{
alert('success');
}
}
</script>
</head>
<body>
<!-- <img src="js/cancel.png" id="img">-->
<select id="a" onchange="a(this)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select id="b" onchange="b(this)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</body>
随便写了,还能更简便,你自己看看把,希望对你有帮助
if($(obj).val()>=$('#b').val()){
alert('error');
}else{
alert('success');
}
}
function b(obj){
if($(obj).val()<=$('#a').val()){
alert('error');
}else{
alert('success');
}
}
</script>
</head>
<body>
<!-- <img src="js/cancel.png" id="img">-->
<select id="a" onchange="a(this)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select id="b" onchange="b(this)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</body>
随便写了,还能更简便,你自己看看把,希望对你有帮助
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#submit").click(function(){
var sel_a = $("#a").val();
var sel_b = $("#b").val();
if(sel_a > sel_b)
alert("sel_a > sel_b !!");
});
});
</script>
</head>
<body >
<form id="frm" action="" method="post">
<select id="a" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<select id="b" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<input type="button" id="submit" value="提 交" />
</form>
</body>
</html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#submit").click(function(){
var sel_a = $("#a").val();
var sel_b = $("#b").val();
if(sel_a > sel_b)
alert("sel_a > sel_b !!");
});
});
</script>
</head>
<body >
<form id="frm" action="" method="post">
<select id="a" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<select id="b" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<input type="button" id="submit" value="提 交" />
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
