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