jquery获取option自定义属性

最新推荐文章于 2023-08-29 09:04:51 发布

原创最新推荐文章于 2023-08-29 09:04:51 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

63 篇文章

订阅专栏

本文介绍了一段使用JavaScript实现的网页功能，当用户更改下拉框选项时，页面会动态显示所选项目的对应价格。该功能通过监听下拉框的选择变化事件并获取相应的属性值来实现。

<script language="javascript"> 
$().ready(function(){
$("#selects").change(function(){
 //下拉框改变时取得值
        $("#result").html("价格："+$("select option:selected").attr("jiag")); //显示值

});
});
</script> 
<body>
<select id="selects">
<option value="" jiag=""></option>
</select>

<span id="result"></span>
</body>