Выберите OnChange

Question

Это простой вопрос.

Как изменить «стоимость значка от $ 10 до $ 20» с помощью select onChange?

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