使用 JavaScript / jQuery 动态计算两个值
本文关键字:两个 计算 JavaScript jQuery 动态 使用 | 更新日期: 2023-09-27 17:55:38
我有两个控件,文本框和下拉列表,我想在asp按钮单击时计算这两个字段的总和。这是我所拥有的:下拉值
<asp:DropDownList ID="DropDownList3" runat="server" CssClass="dropdown" Width="74px">
<asp:ListItem Text="1" Value="1" />
<asp:ListItem Text="4" Value="4" />
<asp:ListItem Text="5" Value="5" />
<asp:ListItem Text="9" Value="9" />
<asp:ListItem Text="10" Value="10" />
<asp:ListItem Text="11" Value="11" />
<asp:ListItem Text="12" Value="12" />
<asp:ListItem Text="13" Value="13" />
</asp:DropDownList>
文本框值
<asp:TextBox ID="TextBox9" runat="server" CssClass="input-mini" /><br />
<asp:Button ID="Button3" runat="server" Text="Calculate Sum" CssClass="btn btn-minibtn-info" />
Textbox Result <asp:TextBox ID="TextBox10" runat="server" CssClass="input-mini" />
我想在按钮单击时计算下拉列表 + 文本框 9 的总和,然后将值放入 TextBox10 中。知道我怎样才能做到这一点吗?
注册到客户端单击:
<asp:Button OnClientClick="return ButtonClick();" ... />
.JS:
function ButtonClick() {
var ddlVal = parseInt($('#<%=DropDownList3.ClientID%>').val());
var tb9Val = parseInt($('#<%=TextBox9.ClientID%>').val());
$('#<%=TextBox10.ClientID%>').val(ddlVal + tb9Val);
return false;
}
$(function() {
$("#<%=Button3.ClientID%>").click(function() {
var a = parseInt($('#<%=TextBox9.ClientID%>').val());
var b = parseInt($('#<%=DropDownList3.ClientID%>').val());
$('#<%=TextBox10.ClientID%>').val(a + b);
});
});