0

我开始学习 jQuery，需要一些帮助来为我指明正确的方向。

我正在尝试制作一个具有多个下拉选项的成本计算器，如果选择该选项，则将乘以输入框中的数字。

例如，公司一项服务的单位成本为 1.0，两项服务为 1.5，三项服务为 2.0。这需要乘以输入中的单位数和下面 div 中显示的总数。

我的 HTML 如下

<form>
    <div>
        <label>Company</label>
        <p>
            <select class="dropbox" id="comapny">
                <option value="Select">Select</option>
                <option value="1">Company one</option>
                <option value="2">Company two</option>
            </select>
            </div>
            <div>
                <label>Service</label>
                <p>
                    <select class="dropbox" id="service">
                        <option value="Select">Select</option>
                        <option value="1">One service</option>
                        <option value="2">Two service</option>
                        <option value="3">Three service</option>
                    </select>
                    <p>
                        </div>
                          <div>
                            <label>Unit</label>
                            <p>
                                <input id="unit"></input>
                                <p>
                                    </div>
                                   <div>
                                        <label>Reduction</label>
                                        <p>
                                            <select class="dropbox">
                                                <option value="Select">Select</option>
                                                <option value="Yes ">Yes</option>
                                                <option value="No">No</option>
                                            </select>
                                           </div> 
                                           </form>
                                            <p>
                                                <div>bill amount updated here</div>

我的代码（可能不像它需要的那样）

$(.dropbox).on('change', function() {
var comapny = "",
    service = "",
    unit = .val,


$.each(function() {

});

var sum = service * unit = toal

});

jsFiddle

任何关于我应该如何解决这个问题以及我需要学习哪些功能来实现这一点的任何建议都将不胜感激。我已经阅读了使用 parseInt 和 var 的内容，但我真的很难将它们组合在一起。

非常感谢提前提供的任何帮助。

4

1 回答 1

0

像这样的东西怎么样：

$(document).ready(function() {
   $(".dropbox").on("change", function() {
      var unit = $("#unit").val();
      if (unit != "")
          alert($(this).val() * unit);
   });
});

如果您不填充Unit文本框，那么我也会考虑将其附加到文本框更改中，以便在输入值时更新。

这应该为您提供足够的信息以使其适应您的需求。

关键是$("#unit").val();。#这会根据 ID ( ) 或类 ( )从关联的输入/下拉列表等中获取值.。例如，要获得公司价值，您可以使用：$("#comapny").val();

小提琴示例

于 2013-07-29T11:37:51.780 回答