JavaScript / jQuery：在选择列表更改时更新HTML

Question

谁能告诉我我在这里失踪了什么？

http://jsfiddle.net/sscovil/Ju6mN/

我试图让这个价格计算器在其中一个选择列表中进行更改时自动更新。它由于某种原因没有抓取selectedIndex值......

提前致谢！

Answer 1

我已经把你的小提琴分开了，工作版本在这里 - http://jsfiddle.net/nBqWE/6/

它有以下问题：

1. discountMultiplier变量未定义
2. 不正确的事件处理程序分配应该是$('#duration').on('change', CalculatePrice);而不是$('#duration').on('change', CalculatePrice());
3. 您以非常奇怪的方式获得选择值，如果您使用jQuery，则可以使用val()函数 - project[0] = parseInt($('#hours').val());

Answer 2

首先，您直接在on函数内调用函数，您要做的是将函数分配给事件。所以它将是

$("#duration").on('change',CalculatePrice)

不

$("#duration").on('change',CalculatePrice())

后者将立即调用该函数。