jquery - 选择 OnChange

Question

这是一个简单的问题。

如何使用 select onChange 将“徽章的价格从 10 美元更改为 20 美元”？

<span class="badge badge-primary">$10</span>

<select>
 <option>$10 Item</option>
 <option>$20 Item</option>
</select>

请提供 HTML 和 jQuery。

PS 我不想使用图像来作为徽章的价格。谢谢。

Answer 1

HTML：

<span id="mybadge" class="badge badge-primary">$10</span>

<select id="myselect">
 <option value="$10">$10 Item</option>
 <option value="$20">$20 Item</option>
</select>

Javascript：

$('#myselect').change(function(){
    $('#mybadge').text($(this).val());
});

工作 jsFiddle ->> http://jsfiddle.net/sUBWd/5/