javascript - 添加表单元素的值

标签 javascript jquery forms sum

我在将表单元素添加在一起时遇到困难。如果您可以检查我的代码并告诉我我做错了什么,我将不胜感激。这也是代码的 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>

最佳答案

尝试从 var Total = 0;

开始

http://jsfiddle.net/6Z6hz/2/

关于javascript - 添加表单元素的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6364041/

相关文章:

forms - 交响乐 3 : Build forms for entities based on Traits

java - 我想使用 spring 3 获取 Controller 中 pojo 中的表单数据集,就像 struts1.2 方法一样

javascript - 重新排列和删除容器内的元素

javascript - jQuery:如何在尚未添加到 DOM 的元素上调用 jQuery 插件函数?

jquery - 同时切换/滑动 DIV

javascript - 同时检查 4 个输入框的值,而不是逐一检查

forms - 在布局内渲染 View

javascript - 通过 id - #id 或 span#id 获取元素的更有效方法是什么?为什么?

javascript - JQuery 事件监听器首先执行

javascript - 如何使用 javascript 从 cookie 创建和读取值?