gpt4 book ai didi

javascript - 根据选择选项数据属性更改跨度

转载 作者:行者123 更新时间:2023-12-02 18:18:27 25 4
gpt4 key购买 nike

我有一个选择列表,其中有许多不同的选项,每个选项都有一个价格数据属性。

当用户选择一个选项时,我希望跨度的内容根据所选选项的数据属性进行更改。

我找到了一个更新空文本字段 (item_price) 的解决方案,但我可以在一些帮助下修改此字段以更改范围 (new_price) 的内容,如下所示;

    <select class="item_size">
<option value="5 x 7" data-price="5.00">5 x 7 - <span>$ 5.00</span></option>
<option value="8 x 10" data-price="10.00">8 x 10 - <span >$ 10.00</span></option>
<option value="16 x 20" data-price="20.00">16 x 20 - <span>$ 20.00</span</option>
</select>
<input type="text" class="item_price" value="5.00"/>
<span class="new_price"></span>

<script>
$('.item_size').live('change', function(){

var $this = $(this),
selected = $this.find(':selected').data('price')

$this.siblings('.item_price').val(selected);
$this.siblings('.new_price').val(selected);

});
</script>

此外,我在此特定网站上使用 jQuery 1.6.1。

谢谢。

最佳答案

使用.text()/.html()由于目标元素是一个跨度,.val()用于设置输入元素的值

$this.siblings('.new_price').text(selected);

演示:Fiddle

关于javascript - 根据选择选项数据属性更改跨度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19054932/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com