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

Question

我在此脚本中犯了一个错误，并且警告框未计算总数，任何人都可以帮忙吗？ 警报框仅显示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
不知道这是否是您唯一的问题，但是...类test没有任何元素，因此您的代码不执行任何操作，因为选择器不进行任何操作，因此您保持为0 。

也许你的意思是：

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

您还可以使用以下方法简化代码：

$("#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