jQuery如何判断哪个select被选中
2个回答
2016-08-05 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
说明：
:selected ---- 匹配所有选中的option元素；
select option:selected ----匹配所有select标签中子标签option被选中的元素；
html()方法：不仅显示文本，还连同文本一起显示标记。
event.preventDefault()方法：用于防止提交按钮把用户输入的数据发送到服务器。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jQuery表单验证--检查select是否被选中</title>
<script type="text/javascript" src="../../rs/js/jquery.js"></script>
<script type="text/javascript">
<!--
$(
function()
{
$('.error').hide();
$('.submit').click(
function(event)
{
var val = $('select option:selected').val();
if('' == val)
{
$('p.result').hide();
$('.error').show();
}
else
{
$('.error').hide();
$('p.result').show();
$('p.result').text('您选择的体育项目是：' +
$('select option:selected').html());
}
event.preventDefault();
}
);
}
);
//-->
</script>
<style type="text/css">
.infobox{
width: 50px;
}
.error{
color: red;
padding-left: 10px;
}
.submit{
margin-left: 125px;
margin-top: 10px;
}
</style>
</head>
<body>
<form action="" method="post">
体育项目：
<select name="ball">
<option value="">请选择</option>
<option value="01">足球</option>
<option value="02">篮球</option>
<option value="03">排球</option>
<option value="04">棒球</option>
<option value="05">垒球</option>
</select>
<p class="error">请至少选中一个体育项目</p>
<p class="result"></p>
<input class="submit" type="submit" value="提 交" />
</form>
</body>
</html>
:selected ---- 匹配所有选中的option元素；
select option:selected ----匹配所有select标签中子标签option被选中的元素；
html()方法：不仅显示文本，还连同文本一起显示标记。
event.preventDefault()方法：用于防止提交按钮把用户输入的数据发送到服务器。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jQuery表单验证--检查select是否被选中</title>
<script type="text/javascript" src="../../rs/js/jquery.js"></script>
<script type="text/javascript">
<!--
$(
function()
{
$('.error').hide();
$('.submit').click(
function(event)
{
var val = $('select option:selected').val();
if('' == val)
{
$('p.result').hide();
$('.error').show();
}
else
{
$('.error').hide();
$('p.result').show();
$('p.result').text('您选择的体育项目是：' +
$('select option:selected').html());
}
event.preventDefault();
}
);
}
);
//-->
</script>
<style type="text/css">
.infobox{
width: 50px;
}
.error{
color: red;
padding-left: 10px;
}
.submit{
margin-left: 125px;
margin-top: 10px;
}
</style>
</head>
<body>
<form action="" method="post">
体育项目：
<select name="ball">
<option value="">请选择</option>
<option value="01">足球</option>
<option value="02">篮球</option>
<option value="03">排球</option>
<option value="04">棒球</option>
<option value="05">垒球</option>
</select>
<p class="error">请至少选中一个体育项目</p>
<p class="result"></p>
<input class="submit" type="submit" value="提 交" />
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
说明：
:selected ---- 匹配所有选中的option元素；
select option:selected ----匹配所有select标签中子标签option被选中的元素；
html()方法：不仅显示文本，还连同文本一起显示标记。
event.preventDefault()方法：用于防止提交按钮把用户输入的数据发送到服务器。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jQuery表单验证--检查select是否被选中</title>
<script type="text/javascript" src="../../rs/js/jquery.js"></script>
<script type="text/javascript">
<!--
$(
function()
{
$('.error').hide();
$('.submit').click(
function(event)
{
var val = $('select option:selected').val();
if('' == val)
{
$('p.result').hide();
$('.error').show();
}
else
{
$('.error').hide();
$('p.result').show();
$('p.result').text('您选择的体育项目是：' +
$('select option:selected').html());
}
event.preventDefault();
}
);
}
);
//-->
</script>
<style type="text/css">
.infobox{
width: 50px;
}
.error{
color: red;
padding-left: 10px;
}
.submit{
margin-left: 125px;
margin-top: 10px;
}
</style>
</head>
<body>
<form action="" method="post">
体育项目：
<select name="ball">
<option value="">请选择</option>
<option value="01">足球</option>
<option value="02">篮球</option>
<option value="03">排球</option>
<option value="04">棒球</option>
<option value="05">垒球</option>
</select>
<p class="error">请至少选中一个体育项目</p>
<p class="result"></p>
<input class="submit" type="submit" value="提 交" />
</form>
</body>
</html>
:selected ---- 匹配所有选中的option元素；
select option:selected ----匹配所有select标签中子标签option被选中的元素；
html()方法：不仅显示文本，还连同文本一起显示标记。
event.preventDefault()方法：用于防止提交按钮把用户输入的数据发送到服务器。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jQuery表单验证--检查select是否被选中</title>
<script type="text/javascript" src="../../rs/js/jquery.js"></script>
<script type="text/javascript">
<!--
$(
function()
{
$('.error').hide();
$('.submit').click(
function(event)
{
var val = $('select option:selected').val();
if('' == val)
{
$('p.result').hide();
$('.error').show();
}
else
{
$('.error').hide();
$('p.result').show();
$('p.result').text('您选择的体育项目是：' +
$('select option:selected').html());
}
event.preventDefault();
}
);
}
);
//-->
</script>
<style type="text/css">
.infobox{
width: 50px;
}
.error{
color: red;
padding-left: 10px;
}
.submit{
margin-left: 125px;
margin-top: 10px;
}
</style>
</head>
<body>
<form action="" method="post">
体育项目：
<select name="ball">
<option value="">请选择</option>
<option value="01">足球</option>
<option value="02">篮球</option>
<option value="03">排球</option>
<option value="04">棒球</option>
<option value="05">垒球</option>
</select>
<p class="error">请至少选中一个体育项目</p>
<p class="result"></p>
<input class="submit" type="submit" value="提 交" />
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
