【问题标题】:Select OnChange选择 OnChange
【发布时间】:2026-01-28 20:20:02
【问题描述】:

这是一个简单的问题。

如何使用 select onChange 将“徽章的价格从 10 美元更改为 20 美元”?

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

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

请提供 HTML 和 jQuery。

附:我不想使用图像作为徽章的价格。谢谢。

【问题讨论】:

  • 你有没有尝试过?
  • 虽然 adeneo 在这里纵容你,但 Stack Overflow 上通常不鼓励这类问题(“为我工作”)。以后请在发布问题之前向我们展示您为解决问题所做的尝试。
  • 是的,我已经尝试过并且也进行了搜索。

标签: jquery select onchange badge


【解决方案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/

【讨论】: