javascript - 如何根据所选选项Javascript更改html中的值

Question

我有带有选择的表单

<select class="form-control">
  <option>10 pc</option><!--1 USD -->
  <option>20 pc</option><!--2 USD -->
  <option>50 pc</option><!--3 USD -->
</select>

如何使用 Javascipt 根据所选选项更改 html h2 中的数量？

<div class="text-center">
 <h2>Total amount<span style="color:#3972b2">1 USD</span></h2>
</div>

当我开始表单时，10 件的默认值应为 1 美元，如果我将其更改为 20 件，则应为 2美元

我找到了这样的代码，但它没有改变

$('select[class="form-control"]').on('change',function(){
    var get=$('select option:selected').text();
    $('#new_text').val(get);
});

这里是 http://jsfiddle.net/wc6hrktv/ 的示例

谢谢!

Answer 1

更改此行:

$('#new_text').val(get);

对此:

$('#new_text').html(get);