c# - javascript / jqueryを使用してオンザフライで2つの値を計算する

Question

テキストボックスとドロップダウンの 2 つのコントロールがあり、asp ボタンのクリック時にこれら 2 つのフィールドの合計を計算したいと考えています。これは私が持っているものです: ドロップダウン値

<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" />

ボタンをクリックして、ドロップダウン + textbox9 の合計を計算し、値を TextBox10 に入れます。どうすればそれを達成できますか？

Answer 1

クライアントのクリックに登録:

<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;
}

Answer 2

$(function() {
            $("#<%=Button3.ClientID%>").click(function() {
            var a = parseInt($('#<%=TextBox9.ClientID%>').val());
            var b = parseInt($('#<%=DropDownList3.ClientID%>').val());
            $('#<%=TextBox10.ClientID%>').val(a + b);
            });
        });