通过jQuery给select元素的option标签添加自定义属性

最新推荐文章于 2021-02-22 16:09:23 发布

原创最新推荐文章于 2021-02-22 16:09:23 发布 · 1.5w 阅读

4 ·

CC 4.0 BY-SA版权

jQuery 同时被 2 个专栏收录

22 篇文章

订阅专栏

HTML+CSS

5 篇文章

订阅专栏

本文介绍了一种在HTML中利用select元素的option标签传递多个值的方法。通过为每个option添加额外属性，如code，可以实现更灵活的数据绑定。文中提供了一个具体的示例，展示了如何用JavaScript读取这些额外的属性。

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

有时候需要个option标签传递多个值，仅仅依靠value属性是不够的，因此通过给select元素的option添加新的元素，来获取多个值。

<select name="city" id="city_id" onchange = "setAct(this)">
    <option value="1" code="0531" >济南</option>
    <option value="2" code="0532" >青岛</option>
    <option value="3" code="0538" >泰安</option>
</select>
<script type="text/javascript">
$(function(){
    function setAct(id){
         alert($('#city_id').find("option:selected").attr("code")); 
    }
})
</script>