多个选择乘以输入值jQuery
我开始学习jQuery,需要一些帮助来为我指明正确的方向 我正在尝试制作一个成本计算器,它有多个下拉选择,如果选中,将乘以输入框中的数字 e、 g.公司一项服务的每单位成本为1.0,两项服务为1.5,三项服务为2.0。这需要乘以输入中的单位数和下面div中显示的总数 我的HTML在下面多个选择乘以输入值jQuery,jquery,Jquery,我开始学习jQuery,需要一些帮助来为我指明正确的方向 我正在尝试制作一个成本计算器,它有多个下拉选择,如果选中,将乘以输入框中的数字 e、 g.公司一项服务的每单位成本为1.0,两项服务为1.5,三项服务为2.0。这需要乘以输入中的单位数和下面div中显示的总数 我的HTML在下面 <form> <div> <label>Company</label> <p> <
<form>
<div>
<label>Company</label>
<p>
<select class="dropbox" id="comapny">
<option value="Select">Select</option>
<option value="1">Company one</option>
<option value="2">Company two</option>
</select>
</div>
<div>
<label>Service</label>
<p>
<select class="dropbox" id="service">
<option value="Select">Select</option>
<option value="1">One service</option>
<option value="2">Two service</option>
<option value="3">Three service</option>
</select>
<p>
</div>
<div>
<label>Unit</label>
<p>
<input id="unit"></input>
<p>
</div>
<div>
<label>Reduction</label>
<p>
<select class="dropbox">
<option value="Select">Select</option>
<option value="Yes ">Yes</option>
<option value="No">No</option>
</select>
</div>
</form>
<p>
<div>bill amount updated here</div>
}))
任何关于我应该如何处理这一问题以及我需要学习哪些功能才能实现这一目标的建议都将不胜感激。
我读过关于使用parseInt和var的文章,但我真的很难把它们结合起来
非常感谢您的帮助 像这样的东西怎么样:
$(document).ready(function() {
$(".dropbox").on("change", function() {
var unit = $("#unit").val();
if (unit != "")
alert($(this).val() * unit);
});
});
如果您没有填充<代码>单元< /C>文本框,那么我也会考虑将它附加到文本框的更改中,以便在键入值时更新它。
这将为您提供足够的信息,使其适应您的需要 键是$(“#单位”).val()代码>。它根据ID(
)或类(
)从关联的输入/下拉列表等获取值。例如,要获取公司价值,可以使用:$(“#copany”).val()代码>
嗯,您的HTML似乎缺少一些结束标记。对不起,我太草率了。我现在已经编辑了。希望我都收到了。在JSFIDLE中发布您的代码作为编辑添加。这样做可以吗?或者作为一个评论更好?谢谢你,这对我来说是一个很好的起点。在此基础上,我可以为公司选择添加另一个var,以使每项服务的单位成本与所选择的公司相关吗?谢谢,我想我应该可以从这里计算出来。(或者无论如何还是要好好尝试一下)
$(document).ready(function() {
$(".dropbox").on("change", function() {
var unit = $("#unit").val();
if (unit != "")
alert($(this).val() * unit);
});
});