2012-07-23 66 views
0

誰能告訴我什麼,我在這裏失蹤?的JavaScript/jQuery的:在選擇列表中的變化更新HTML

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

我試圖讓這個價格計算器,當變化選擇列表中的一個是由自動更新。這不是抓​​住的selectedIndex值因爲某些原因...

提前感謝!

+0

您在同一範圍內聲明'x'和'y'多次並更改值。不要這樣做。 – Mathletics 2012-07-23 18:16:41

+0

當設置你的'.on'處理程序,您呼叫CalculatePrice()在安裝過程中並設置其返回值作爲回調的變化事件 – MrOBrian 2012-07-23 18:18:44

+0

和'沒有定義discountMultiplier',所以這是拋出一個錯誤 – MrOBrian 2012-07-23 18:22:27

回答

1

我已付出你的小提琴,工作版本是在這裏 - http://jsfiddle.net/nBqWE/6/

它存在以下問題:沒有定義

  • 不正確的事件處理程序分配

    1. discountMultiplier變量,應該是$('#duration').on('change', CalculatePrice);,而不是$('#duration').on('change', CalculatePrice());
    2. 你在一個非常奇怪的方式都拿到選擇值,如果你使用jQuery有一個val()功能可用 - project[0] = parseInt($('#hours').val());
  • +0

    太棒了,謝謝! – 2012-07-23 18:29:33

    0

    第一件事情,你是直接調用該函數的功能on裏面,你想要做什麼功能分配給該事件。因此,這將是

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

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

    後者會立即調用該函數。

    +0

    謝謝!另外,我忘了我已經重新命名了倍增變量,謝爾蓋指出... – 2012-07-23 18:30:26