Javascript 根据选择/选项值更新HTML？

我现在有一个小问题：我有一个简短的表单，要求提供一个货币值，下面是一个jQuery验证，它计算所选价格的20%，然后从所选价格中减去，然后更新为空的span标记

问题是，同一块中的所有其他函数的代码都没有错，但这根本不起作用

<select id="list"><option value="error">$-</option><option value="1">$1</option><option value="5">$5</option><option value="10">$10</option><option value="25">$25</option><option value="50">$50</option><option value="100">$100</option><option value="250">$250</option><option value="500">$500</option></select>
$<span id="jsprice"></span>
 <script>
   var price = $("#list :selected").val();
    var earning = price-((price/100)*20);
    $('#list').change(function(){
    $('#jsprice').val(earning);
    });
    </script>

但我认为这是完全错误的，看看文本是如何工作的

---

非常感谢！非常感谢您的回复：

span没有值-使用.text或.html设置开始标记和结束标记之间的内容

---

您还需要获取select的值，并在change回调函数中计算Revenue的值，否则它将只反映select的初始值。

Spans没有值-使用.text或.html设置开始标记和结束标记之间的内容

$('#list').change(function(){
  var price = $(this).val();
  var earning = price-((price/100)*20);
  $('#jsprice').text(earning);
});

您还需要获取select的值，并在change回调函数中计算earning的值，否则它将只反映select的初始值

$('#list').change(function(){
  var price = $(this).val();
  var earning = price-((price/100)*20);
  $('#jsprice').text(earning);
});

这应该可以做到

这是一把小提琴

这应该可以做到

---

下面是一堆

这是正确的，但只是为了澄清，不是$list:selected.val；，您可以使用this.value.heh，将其作为原始js对象，$this.value将返回undefinedThis是正确的，但只是为了澄清，而不是$list:selected.val；，您可以使用this.value.heh，将其作为原始js对象，$this.value将返回未定义的