2011-06-15 99 views
0

我在添加表單元素時遇到困難。如果你可以看看我的代碼,並填寫我做錯了什麼,我將不勝感激。下面是代碼還的的jsfiddle鏈接:http://jsfiddle.net/jaruesink/6Z6hz/1/embedded/result/添加表單元素的值

<html><head><script src="http://code.jquery.com/jquery-latest.js"> 
</script></head><body> 
<h1>How Much?</h1> 
<form id="quickcalc"> 
Softcover Only<br> 
<select id="SoftcoverOnly"> 
    <option value="0" selected>Select Package</option> 
    <option value="360">Level A ($360)</option> 
    <option value="440">Level B ($440)</option> 
    <option value="495">Level C ($495)</option> 
    <option value="790">Level D ($790)</option> 
    <option value="1100">Level E ($1,110)</option> 
    <option value="1390">Level F ($1,390)</option> 
    <option value="1950">Level G ($1,950)</option> 
</select><br><br> 
Hardcover Only<br> 
<select id="HardcoverOnly"> 
    <option value="0" selected>Select Package</option> 
    <option value="430">Level A ($430)</option> 
    <option value="495">Level B ($495)</option> 
    <option value="650">Level C ($650)</option> 
    <option value="950">Level D ($950)</option> 
    <option value="1300">Level E ($1,300)</option> 
    <option value="1575">Level F ($1,575)</option> 
    <option value="2100">Level G ($2,100)</option> 
</select><br><br> 
Combo Hard/Soft<br> 
<select id="ComboHard/Soft"> 
    <option value="0" selected>Select Package</option> 
    <option value="590">Level A ($590)</option> 
    <option value="685">Level B ($685)</option> 
    <option value="825">Level C ($825)</option> 
    <option value="1050">Level D ($1,050)</option> 
    <option value="1375">Level E ($1,375)</option> 
    <option value="1650">Level F ($1,650)</option> 
    <option value="2225">Level G ($2,225)</option> 
</select><br><br> 
Additional Services<br> 
<select id="AdditionalServices" multiple size="3"> 
    <option value="0" disabled>Ctrl+Click for Multiple</option> 
    <option value="100">Warehouseing ($100)</option> 
    <option value="75">Amazon Backup ($75)</option> 
    <option value="250">PR Writing ($250)</option> 
    <option value="75">Ingram Advance ($75)</option> 
    <option value="30">TOC Creation ($30)</option> 
    <option value="75">Index Creation ($75)</option> 
    <option value="50">Printed Galley ($50)</option> 
    <option value="65">Ebook Package ($65)</option> 
    <option value="30">Casebinding ($30)</option> 
    <option value="40">Dustjacket ($40)</option> 
</select><br><br> 
Marketing Packages<br> 
<select id="MarketingPackages"> 
    <option value="0" selected>Select Package</option> 
    <option value="400">Bronze ($400)</option> 
    <option value="700">Silver ($700)</option> 
    <option value="1300">Gold ($1300)</option> 
</select><br><br> 
Your Total:<br> 
<input type="text" readonly id="totalPrice" value=""> 
</form> 
    <div></div> 
<script> 
$("#quickcalc").change(function() { 
     var total = ""; 
     $("#quickcalc option:selected").each(
      function(){total += parseInt($(this).val())} 
    ); 
     $("#totalPrice").val("$"+total); 
}).change(); 
</script> 

</body></html> 

回答

0

嘗試var total = 0; 而不是var total =「」;

你必須有一個整數,但你現在有一個字符串!

+0

你是最快的!非常感謝 – jaruesink 2011-06-15 21:44:15

+0

不客氣!:) – Webars 2011-06-15 21:46:58

1

你還在連接字符串。將total="";更改爲total=0;