jQuery / JavaScript计算

时间:2013-10-16 13:55:08

标签: javascript jquery

如何使用jQuery / javascript进行这些计算?

希望计算在结果div-tag

中可见

高度*宽度*厚*密度

<input type="text" id="hojd" /> * <input type="text" id="bredd" /> * <input type="text" id="tjock" /> * 

<select name="density" id="select">
    <option value="2,4">concrete</option>
    <option value="2,5">rock</option>
</select>
<br />

<div id="result"></div> 

2 个答案:

答案 0 :(得分:0)

尝试这样的事情:

 var output = $('#hojd').val() * $('#bredd').val() * $('#tjock').val() * $('#select').val();

虽然,我会在下拉列表中为“选择”指定一个更好的ID名称。 。

然后

 $('#result').html(output);

答案 1 :(得分:0)

如果您将选择列表中的逗号更改为小数点,则以下代码将起作用(javascript可能假设使用小数点分隔符的点)。这不包含任何值验证,我将让您自己做;)

function calc() {
    var height = $('#hojd').val();
    var width = $('#bredd').val();
    var thick = $('#tjock').val();
    var density = $('#select').val();

    $('#result').html(height * width * thick * density);
}

$(function() {
    $('#hojd, #bredd, #tjock, #select').change(calc);
});

编辑:

这是一个有效的jsfiddle。 http://jsfiddle.net/84Hvr/2/