jQ class属性相同的一组select 获取当前修改的select的值和自定义属性

最新推荐文章于 2022-10-07 10:59:00 发布

ETO_冬

最新推荐文章于 2022-10-07 10:59:00 发布

阅读量514

点赞数

文章标签： javascript jquery

本文链接：https://blog.csdn.net/qq_40088333/article/details/126546538

版权

<select class="dasele">
<option value="1" data-price="100.00">中文PDF版 100.00￥</option>
<option value="2" data-price="100.00" selected="">中文PDF+纸质版 100.00￥</option>
<option value="3" data-price="100.00">中文PDF+WORD+纸质版 100.00￥</option>
<option value="4" data-price="100.00">英文PDF版 100.00￥</option>
<option value="5" data-price="100.00">英文PDF+纸质版 100.00￥</option>
<option value="6" data-price="100.00">英文PDF+WORD+纸质版 100.00￥</option>
<option value="7" data-price="100.00">中文+英文PDF版 100.00￥</option>
<option value="8" data-price="100.00">中文+英文PDF+纸质版 100.00￥</option>
<option value="9" data-price="100">中文+英文PDF+WORD+纸质版 100￥</option>
</select>

<select class="dasele">
<option value="1" data-price="2999.00" selected="">中文PDF版 2999.00￥</option>
<option value="2" data-price="3999.00">中文PDF+纸质版 3999.00￥</option>
<option value="3" data-price="4999.00">中文PDF+WORD+纸质版 4999.00￥</option>
<option value="4" data-price="2999.00">英文PDF版 2999.00￥</option>
<option value="5" data-price="3999.00">英文PDF+纸质版 3999.00￥</option>
<option value="6" data-price="4999.00">英文PDF+WORD+纸质版 4999.00￥</option>
<option value="7" data-price="3999.00">中文+英文PDF版 3999.00￥</option>
<option value="8" data-price="4999.00">中文+英文PDF+纸质版 4999.00￥</option>
<option value="9" data-price="5999">中文+英文PDF+WORD+纸质版 5999￥</option>
</select>

<script type="text/javascript">
    //class属性为dasele
    $(".dasele").change(function(){
        //当前选中的值
        console.log($(this).val());
        //当前选中的自定义属性 ‘data-price’
        console.log($(this).find("option:selected").attr('data-price'));
    });
</script>