前端技术 手机教程
程序开发 平面动画
系统软件 CMS教程
CMS教程 在线手册
资源下载 网络安全
精准搜索请尝试:精确搜索

JQuery获取select中获取选中元素的data-*属性值

2020-09-29 15:03:44 来源:原创 作者:寂静的神经

JQuery中的data方法和attr方法可以很方便的获取元素的data-*属性值,如:


<div id="site" data-url="http://www.02405.com" >零五网</div>
<script>
var url1 = $("#site").data("url");//url1为http://www.02405.com
var url2 = $("#site").attr("data-url");//ur2l为http://www.02405.com
</script>

但是在select中我们却无法通过data方法获取data-*属性,而只能通过attr方法来获取,如:


<select class="text-center" name="student" id="student" >
   <option data-id="202001" value="1306">王芳</option>
   <option data-id="202002" value="2846">刘晓晨</option>
   <option data-id="202003" value="3206">周子怡</option>
</select>
<script>
$('#student').on('change',function(){
var id1 = $(this).find("option:selected").attr('data-id');//选中项的data-id
var id2 = $(this).find("option:selected").data('id');//undefined
})
</script>

 

 

本文关键词:data select jquery

相关文章

零五网,分享IT知识,国内顶级IT知识门户网站。

Copyright (C) www.02405.com, All Rights Reserved.

零五网 版权所有 辽ICP备13002105号-1