如何获得警报框以显示下拉菜单中的总计？

Question

I've made an error in this script and the alert box doesn't calculate the total, can anyone help please? 我在此脚本中犯了一个错误，并且警告框未计算总数，任何人都可以帮忙吗？ The alert box just shows 0 but I need it to total the value of the 2 dropdown selections 警报框仅显示0，但我需要它来总计2个下拉选项的值

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<title>Sandbox</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
body { background-color: #fff; font: 16px Helvetica, Arial; color: #fff; }
</style>
</head>
<body>
<select id="t_dermal_name">
<option value="t_default_dermal">-- Choose --</option>
<option value="1" rel="30">Between Eyebrows</option>
<option value="7" rel="30">Individual Line Softening</option>
<option value="2" rel="30">Lip Contouring</option>
</select>
<select id="t_wrinkle_name">
<option value="t_default_wrinkle">-- Choose --</option>
<option value="1" rel="30">Between Eyebrows</option>
<option value="7" rel="30">Individual Line Softening</option>
<option value="2" rel="30">Lip Contouring</option>
</select>
<br />
<button id="btn1">click</button>
<script>
 $(document).ready ( function () {
    $("#btn1").click ( function () {
      var resultVal = 0.0;
      var objRegExp = '\s+';
       $(".test").each ( function() {
            resultVal += parseFloat ( $(this).val().replace(/\s /g,'').replace(',','.'));
        });
        alert ( resultVal );  
    });
});

</script>
<script src="/js/render/edit.js"></script>
<script>var _gaq=[['_setAccount','UA-1656750-13'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)})(document,'script')</script></body>

</html>

Answer 1

$(".test").each
Don't know if this is your only problem but... You don't have any elements with the class test so your code does nothing as the selector grabs nothing, so you stay with 0 . 不知道这是否是您唯一的问题，但是...类test没有任何元素，因此您的代码不执行任何操作，因为选择器不进行任何操作，因此您保持为0 。

Maybe you meant: 也许你的意思是：

$("select").each (function() { ... // Will select all the select elements.

You can also simplify the code with: 您还可以使用以下方法简化代码：

$("#btn1").click (function () {
    var resultVal = 0;
    $("select").each(function() {
        resultVal += parseFloat($(this).val());
    });
    alert (resultVal);  
});

Answer 2

$("#btn1").click ( function () {
    var total = 0;

    $('select[id*="_name"]').each(function(){
        total += parseFloat($(this).val());
    });

    alert(total);
});

如何获得警报框以显示下拉菜单中的总计？

问题描述

2 个解决方案

解决方案1
2 2012-02-29 19:25:14

解决方案2
1 2012-02-29 19:26:23

如何获得警报框以显示下拉菜单中的总计？

问题描述

2 个解决方案

解决方案1 2 2012-02-29 19:25:14

解决方案2 1 2012-02-29 19:26:23

解决方案1
2 2012-02-29 19:25:14

解决方案2
1 2012-02-29 19:26:23