2013-02-28 140 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