注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

面包会有的

php asp 高端网站开发 微信网站开发 视频会议软硬件

 
 
 

日志

 
 

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

2017-05-09 11:12:29|  分类: jquery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
Jquery如何获取select选中项 自定义属性的值?
HTML code

<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>



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>




    //父窗口改变,获取属性level,根据所在层级决定某些输入框是否显示
    $('#pid').change(function(){
        alert($('#pid').find('option:selected').attr('level'));
        var level = $('#pid').find('option:selected').attr('level');
        if (level !=3){
            $("#DivWindowPhone").addClass('hide');//电话区隐藏
            $("#DivItemGroup").addClass('hide');//事项分组区隐藏
        }
    });








  评论这张
 
阅读(60)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017