选择OnChange

Question

这是一个简单的问题。

如何通过选择onChange将“徽章的价格从10美元改为20美元”？

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

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

请提供HTML和jQuery。

P.S。我不想使用图像作为徽章的价格。感谢。

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 - ＆gt;＆gt; http://jsfiddle.net/sUBWd/5/