如何通过jquery ASP.NET获取数量文本框中的数量乘以价格 [英] How to get quantity multiply price in amount textbox by jquery ASP.NET

问题描述

问题



如何通过jquery asp.net获取金额文本框中的数量乘以价格。



我在网络应用程序web表单asp.net上工作。



我需要得到qunatity *价格和结果显示在金额



当我尝试这样做时我得到错误

JavaScript运行时错误：无法获取未定义或null的属性'children' br />




参考。



此错误在线

Problem

How to get quantity multiply price in amount textbox by jquery asp.net .

I work on web application web form asp.net .

AND I need to get qunatity * price and result display on Amount

when i try to do that i get error
JavaScript runtime error: Unable to get property 'children' of undefined or null


reference .

this error on line

var quantity = tableRows[2].children[0].innerHTML;

我尝试了什么：

What I have tried:

 <script src="scripts/jquery-3.3.1.js"></script>
    <script src="scripts/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
 $(function () {

        $(".CssPrice").on('change keyup paste', function () {

       

            var textBox = this;
            var Price = $(textBox).val();
            var tableRows = $(textBox).parent().parent().parent().parent().children();

            if (Price != "") {
                var quantity = tableRows[2].children[0].innerHTML;

                var itemTotal = price * quantity;

                tableRows[4].children[0].innerHTML = itemTotal;
            }
            else
                tableRows[4].children[0].innerHTML = "";
        });
    });
</script>

   <asp:GridView ID="GridItems" runat="server" AutoGenerateColumns="false" OnRowDataBound="GridItems_RowDataBound" OnRowEditing="OnRowEditing" OnRowCancelingEdit="OnRowCancelingEdit" OnDataBound="GridItems_DataBound" >
        <Columns>
         <asp:BoundField DataField="RowNumber" HeaderText="Row Number" />
         
          
            <asp:TemplateField HeaderText="ItemCode">
                <ItemTemplate>
       
              <asp:DropDownList ID="ddlItemCode" runat="server" Width="150px" AutoPostBack="true"  >
                        </asp:DropDownList>

                </ItemTemplate>
               
            </asp:TemplateField>
            <asp:TemplateField HeaderText="Quantity">
                <ItemTemplate>
                    <asp:TextBox ID="TxtQuantity" runat="server"  Text='<%# Bind("Quantity") %>' ></asp:TextBox>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="Price">
                <ItemTemplate>
                    <asp:TextBox ID="TxtPrice" runat="server" Text='<%# Bind("Price") %>'  OnTextChanged="TxtPrice_TextChanged" AutoPostBack="true" CssClass="CssPrice" ></asp:TextBox>
                </ItemTemplate>
                  
            </asp:TemplateField>
            <asp:TemplateField HeaderText="Amount" >
                <ItemTemplate>
                    <asp:TextBox ID="TxtAmount" runat="server"  Text='<%# Bind("Amount") %>'   >
                    </asp:TextBox>
                </ItemTemplate>
               
            </asp:TemplateField>
            
        </Columns>
    </asp:GridView>

推荐答案

（function（）{

(function () {

（。CssPrice）。on（'更改键盘粘贴'，函数（）{



var textBox = this;
var Price =

(".CssPrice").on('change keyup paste', function () { var textBox = this; var Price =

（textBox）.val（）;
var tableRows =

(textBox).val(); var tableRows =

这篇关于如何通过jquery ASP.NET获取数量文本框中的数量乘以价格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！