Question

如何使用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>

Answer 1

尝试这样的事情：

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

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

然后

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

Answer 2

如果您将选择列表中的逗号更改为小数点，则以下代码将起作用（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/

jQuery / JavaScript计算

2 个答案: