温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2020-07-16 23:14:52 来源:网络 阅读:561 作者:coffee7ceo 栏目:web开发

Jquery如何获取select选中项 自定义属性的值?
例:要获取属性gmoney的值

<select id="ddl" onchange="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>

你可能是这样写的:

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

但是,得出的是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>


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI