我的表格有点像计算器。在文本框中输入一个数字,然后使用下拉菜单,用户选择一个用作乘数的数字。我可以从文本框中正确捕获值,但是从选择输入中捕获值很棘手。
我希望在用户更改文本框中的数字或更改他们在选择字段中选择的选项时运行此功能。
# HTML
<form>
<input type="text" id="numberInput"></input>
<select id="lengthInput">
<option value="1">1</option>
<option value="2">2</option>
</select>
</form>
<div id="result"></div>
# JS
$(function () {
var amount = $('#numberInput').val();
var length_value = ''
$('#lengthInput').on("change", function () {
var length = document.getElementById("lengthInput");
var length_value = length.options[length.selectedIndex].value;
}).change();
var calculatedAmount = amount * length_value;
document.getElementById('result').innerHTML = amount
});
您可以减少必须要做的事情:
$(function () {
$(':input').on('change keyup',function () {
$('#result').html($('#numberInput').val() * $('#lengthInput').val());
})
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句