选择OnChange [英] Select 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.我不想使用图片作为徽章的价格.谢谢.

解决方案

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/

This is a simple question.

How do I change the "badge's price from $10 to $20" with select onChange?

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

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

Please provide the HTML and jQuery.

P.S. I don't want to use an image for the badge's price. Thanks.

解决方案

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());
});

Working jsFiddle ->> http://jsfiddle.net/sUBWd/5/

这篇关于选择OnChange的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！