Javascript乘以3个输入答案

【问题标题】：Javascript multiply 3 inputsJavascript乘以3个输入
【发布时间】：2014-10-08 21:17:26
【问题描述】：

我知道这个话题在这里已经被多次提及，但我似乎不太明白。我正在根据选择的下拉列表为#resultBox 提取一个值。然后我想将它乘以下面的 2 个输入字段。

非常感谢任何帮助！提前致谢！

<input type="text" id="resultBox" name="resultBox" readonly="true" />
<select id="off" onchange="calc()">
    <option value="1" data-one="0" >Select Option</option>
    <option value="14" data-one="14" >Off</option>
    <option value="8" data-one="8" >On</option>
</select>
<br><br>
<!-- FTE -->
FTE
<div id="f1">
    <form>
        <input type="text" name="FTE" id="FTE">
    </form>
</div>

<!-- Duration -->
Duration
<div id="d1">
    <form>
        <input type="text" name="Duration" id="Duration">
    </form>
</div>

    <div id="dom_element">-</div>

这里是 Javascript

$('#off').change(function () {
    var select1_control = 1;
    var str = select1_control * $(this).find('option:selected').data('one');
    $('#resultBox').val(str);


});


  var multiplier = 1;

// bind keyup
 $("#FTE").on("keyup change", function() {
   var value = this.value;   
   var valuemath = value * durationMultiplier;  
    $("#dom_element").text(valuemath);   
});


$('#Duration').change(function(){
    durationMultiplier = $(this).val();
    $("#FTE").trigger("keyup");



});

http://jsfiddle.net/xuC6f/50/

【问题讨论】：

请阅读一些错误控制台
声明var durationMultiplier = 0;作为你的JS的第一行
我能够让它通过另一条路线。 jsfiddle.net/xuC6f/66

标签： javascript jquery input multiplication

【解决方案1】：

做这样的事情

function calc(multiply)
{
    if (multiply) { tt.value = parseFloat(qt.value * un.value).toFixed(2); }
    else { un.value = parseFloat(tt.value / qt.value).toFixed(2); }
}

<form>
    <ul>
        <li>Qt: <input type="text" id="qt" onblur="calc(true)" /></li>
        <li>Unt: <input type="text" id="un" onblur="calc(true)" /></li>
        <li>Tot: <input type="text" id="tt" onblur="calc(false)" /></li>
    </ul>
</form>

【讨论】：