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

Question

我现在遇到了一个小问题:(我有一个要求物有所值的简短表格,而且还有一些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>

有谁知道这可能有什么问题？我.blur() .change()和其他几个人一起尝试过

$('#jsprice').val() = earning; 

但我认为这是完全错误的,看看.text()是如何工作的.

非常感谢!任何回复非常感谢:)

Answer 1

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

您还需要获取select的值并计算回调函数内的收益值change,否则它只会反映select的初始值.