Question

我正在开发ASP.Net购物卡应用程序，其中我有一个产品详细信息页面，其中input 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

这应该返回textfield的值

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

在html中获取文本框的值

3 个答案: