可以通过以下步骤实现:
<select>
,输入字段的HTML元素是<input>
,可以使用以下代码选择它们:var selectOptions = $('select');
var inputFields = $('input');
.each()
方法遍历选择选项和输入字段,计算它们的乘积并累加到总和中。可以使用.val()
方法获取输入字段的值,使用.find(':selected')
方法获取选择选项的选中值。例如:var sum = 0;
selectOptions.each(function() {
var selectedValue = $(this).find(':selected').val();
var inputValue = inputFields.eq(selectOptions.index(this)).val();
sum += selectedValue * inputValue;
});
<div>
元素中。例如:$('#result').text(sum);
完整的代码示例如下:
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<select>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<input type="text" value="2">
<br>
<select>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
<option value="6">Option 6</option>
</select>
<input type="text" value="3">
<br>
<div id="result"></div>
<script>
var selectOptions = $('select');
var inputFields = $('input');
var sum = 0;
selectOptions.each(function() {
var selectedValue = $(this).find(':selected').val();
var inputValue = inputFields.eq(selectOptions.index(this)).val();
sum += selectedValue * inputValue;
});
$('#result').text(sum);
</script>
</body>
</html>
这样,使用jQuery查找选择选项乘以输入字段的总和的功能就实现了。请注意,这只是一个简单的示例,实际应用中可能需要根据具体需求进行适当的修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云