asp.net - 获取html中文本框的值

Question

我正在开发 ASP.Net 购物卡应用程序，其中我有一个产品详细信息页面，其中 aninput type="text"用于数量，当用户单击“添加到购物车 ”按钮时，产品将被添加到购物车。

<input type="text" id="quantity" value="">

<a href="/Cart.html?Id=@Id&Quantity=?">Add to Cart </a>

当用户在文本框中输入值时，应该更新购物车链接的查询字符串。

Answer 1

您应该使用 Javascript 来实现这一点。尝试使用

document.getElementById['quantity'].value

这应该返回文本字段的值

Answer 2

我认为在服务器端做这个会更容易

<asp:TextBox ID="quantityTextBox" runat="server"></asp:TextBox>
<asp:Button ID="addToCartButton" runat="server" Text="Add to cart" />

然后在后面的代码上可以重定向用户

protected void addToCartButton_Click(object sender, EventArgs e)
{
       string id = "your id";
       string url = String.Format("/Cart.html?Id={0}&Quantity={1}", id, quantityTextBox.Text);
       Response.Redirect(url, false);
}

Answer 3

你可以使用这个 jquery 函数：

$(document).ready(function () {

    $("#quantity").change(function (event) {

        var quantity = this.value;
        $("a[href^='/Cart.html?Id']")
        .each(function () {
            var index = this.href.lastIndexOf('=');
            var newUrl = this.href.substring(0, index);

            this.href = newUrl + "=" + quantity;
        });
    });
});