Jquery怎么获取select选中项 自定义属性的值
2016-06-21 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
Jquery获取select选中项 自定义属性的值的方法：
示例代码：
1、html代码：
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery中attr()方法</title>
<script src="js/jquery-1.4.2.min.js" language="javascript" type="text/javascript" ></script>
<style>
p{color:red}
li{color:blue;}
.lili{font-weight:bold;color:red;}
#lili{font-weight:bold;color:red;}
</style>
</head>
<body>
<select id="mysel" title="选择提示">
<option>nba</option>
<option>fifa</option>
</select>
<script>
...
</script>
</body>
<html>
2、jquery代码获取自定义属性：
使用attr(name)获取title值：
<script>
alert($("#mysel").attr("title"));
</script>
3、显示结果：
本回答由电脑网络分类达人 饶烽推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
------解决方案参考-------------------------------------------------------
$("#ddl").find("option:selected").attr("emoney");
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="jquery-1.8.1.min.js"></script>
<script type="text/javascript">
$(function(){
$('#lev').change(function(){
$('#lev2').html('<option value="1" lev2="1">1</option><option value="2" lev2="2">2</option><option value="3" lev2="3">3</option><option value="4" lev2="4">4</option><option value="5" lev2="5">5</option>');
alert($('#lev').find('option:selected').attr('lev'));
$('#lev').find('option:selected').attr('selected', 'selected');
});
$('#lev2').change(function(){
alert($('#lev2').find('option:selected').attr('lev2'));
$('#lev2').find('option:selected').attr('selected', 'selected');
});
})
</script>
</head>
<body>
<select id="lev">
<option value="1" lev="1">1</option>
<option value="2" lev="2">2</option>
<option value="3" lev="3">3</option>
<option value="4" lev="4">4</option>
<option value="5" lev="5">5</option>
</select>
<select id="lev2">
</select>
</body>
</html>
标签: jquery
$("#ddl").find("option:selected").attr("emoney");
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="jquery-1.8.1.min.js"></script>
<script type="text/javascript">
$(function(){
$('#lev').change(function(){
$('#lev2').html('<option value="1" lev2="1">1</option><option value="2" lev2="2">2</option><option value="3" lev2="3">3</option><option value="4" lev2="4">4</option><option value="5" lev2="5">5</option>');
alert($('#lev').find('option:selected').attr('lev'));
$('#lev').find('option:selected').attr('selected', 'selected');
});
$('#lev2').change(function(){
alert($('#lev2').find('option:selected').attr('lev2'));
$('#lev2').find('option:selected').attr('selected', 'selected');
});
})
</script>
</head>
<body>
<select id="lev">
<option value="1" lev="1">1</option>
<option value="2" lev="2">2</option>
<option value="3" lev="3">3</option>
<option value="4" lev="4">4</option>
<option value="5" lev="5">5</option>
</select>
<select id="lev2">
</select>
</body>
</html>
标签: jquery
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你好，首先执行下列代码：
浏览器输出如下：
具体解释在代码注释里说明了，有什么不懂的地方，欢迎追问。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
