0

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

2 回答 2

0

尝试这样的事情：

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

虽然，我会为下拉菜单分配一个比“选择”更好的 ID 名称。. .

然后

 $('#result').html(output);
于 2013-10-16T14:04:20.730 回答
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/

于 2013-10-16T14:05:28.170 回答