2013-02-28 91 views
-2

這是一個簡單的問題。選擇OnChange

如何選擇onChange將「徽章價格從10美元改爲20美元」?

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

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

請提供HTML和jQuery。

P.S.我不想使用徽章價格的圖片。謝謝。

+0

你嘗試過什麼? – j08691 2013-02-28 14:21:02

+2

雖然adeneo在這裏放縱了你,但這些類型的問題(「爲我做我的工作」)通常是堆棧溢出的勸阻。將來,請在發佈問題之前向我們展示您嘗試解決問題的方法。 – 2013-02-28 14:21:13

+0

是的,我已經嘗試過,也做過搜索。 – 2013-02-28 14:30:09

回答

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/

+0

非常感謝gregjer。 – 2013-02-28 14:28:55