select 获取选中option里的自定义属性值

最新推荐文章于 2019-11-12 09:08:18 发布

感谢遇到的每一个人

最新推荐文章于 2019-11-12 09:08:18 发布

阅读量9.7k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： js 文章标签：获取select 中 option自定义的属性

本文链接：https://blog.youkuaiyun.com/qq_36979290/article/details/83584193

js 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用jQuery从省市区三级联动插件中获取select元素内option的自定义属性data-code。通过示例代码展示了点击按钮触发事件，从而读取并输出所选option的data-code属性值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题：获取select 中 option自定义的属性，使用了一个省市区三级联动的插件，然后获取里面的option值

解决：jQuery方法


<select id="selectList" >
   <option value="浙江省" data-code="10003">浙江省</option>
   <option value="湖北省" data-code="10005">湖北省</option>
   <option value="重庆直辖市" data-code="10007">重庆直辖市</option>
<select>
<button id="sel_btn">获取select自定义属性</button>

<script type="text/javascript">

$(function(){

        //点击事件 获取参数
        $("#sel_btn").on('click',function(){
            var val=$("#selectList").find("option:selected").attr("data-code");
            console.log(val);
        });
})

</script>