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

【问题标题】：JavaScript / jQuery: Update HTML on select list changeJavaScript / jQuery：在选择列表更改时更新 HTML
【发布时间】：2012-07-22 00:21:54
【问题描述】：

谁能告诉我这里缺少什么？

我正在尝试让这个价格计算器在选择列表之一发生更改时自动更新。由于某种原因，它没有获取 selectedIndex 值...

提前致谢！

【问题讨论】：

【解决方案1】：

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

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

不是

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

后者会立即调用该函数。

【讨论】：

【解决方案2】：

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

它有以下问题：

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

【讨论】：