使用javascript从输入字段和选项字段添加金额答案

【问题标题】：Add amount from input field and options field with javascript使用javascript从输入字段和选项字段添加金额
【发布时间】：2015-12-22 18:49:15
【问题描述】：

我有一个文本输入字段，用户可以在其中输入费用，例如。 $300。然后用户从选项字段中选择费用是每周、每两周、每月等。

我需要使用上述两个输入来计算年度成本。所以如果用户说300并选择weekly，那么300需要乘以52，结果会显示在一个文本字段中。非常感谢您的任何意见。

我已经完成了下面的html

<div class="form-group">
    <label class="col-md-2 control-label" for="food_amount">Food</label>
    <div class="col-md-2">
        <input id="food_amount" name="food_amount" type="text" placeholder="eg. $200" class="form-control input-md">

    </div>
    <div class="col-md-2">
        <select id="food_freq" name="food_freq" class="form-control">
            <option value="">Choose</option>
            <option value="Weekly">Weekly</option>
            <option value="Fortnightly">Fortnightly</option>
            <option value="Monthly">Monthly</option>
            <option value="Quaterly">Quaterly</option>
            <option value="Half-Yearly">Half-Yearly</option>
            <option value="Yearly">Yearly</option>
        </select>
    </div>
    <div class="col-md-2">
        <input id="food_year" name="food_year" type="text" placeholder="Yearly Cost goes here" class="form-control input-md">
    </div>
</div>

【问题讨论】：

把选中的选项值变成合适的数字。将文本输入解析为适当的数字。算一下。
SO 旨在帮助解决您编写的代码中的错误，而不是为您编写代码。

标签： javascript html forms select options

【解决方案1】：

这是一个开始，您至少应该尝试自己执行此操作，然后返回遇到的错误。

Codepen http://codepen.io/noobskie/pen/RWGdPV?editors=101

这当然可以改进，但它所做的只是获取您的第一个输入的.val，然后它决定每周通过if ($(this).val() === 'Weekly') 选择哪个选择器，我添加了一个提交输入以方便使用。

您现在需要做的就是计算您需要的其余选择

$(document).ready(function() {
  $('.submit').click(function() {
    $('#food_freq').val(function() {
        if ($(this).val() === 'Weekly') {
          $('#food_amount').text(function() {
              $('#food_year').val($(this).val() * 52);
          });
        }
    });
  });
});

【讨论】：