Jquery怎么获取select选中项自定义属性的值

最新推荐文章于 2024-05-03 13:26:42 发布

gaohe7091

最新推荐文章于 2024-05-03 13:26:42 发布

阅读量731

点赞数

分类专栏： jquery 文章标签：前端 jquery

jquery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

出处：http://www.cnblogs.com/leejersey/p/4047492.html

Jquery如何获取select选中项自定义属性的值？
HTML code

<select id="ddl" οnchange="ddl_change(this)"">
   <option value="100" emoney="12" gmoney="12">日卡</option>
   <option value="102" emoney="58" gmoney="58">月卡</option>
   <option value="103" emoney="518" gmoney="518">年卡</option>
<select>

JScript code

function ddl_change(obj){
   alert($("#ddl").attr("emoney"));
}

Jquery如何获取select选中项自定义属性的值？
得出的是undefined!!
怎么获取select选中项中的自定义属性“emoney”的值！？？
------解决方案--------------------------------------------------------
$("#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>