asp.net - HTMLでテキストボックスの値を取得する

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

これをサーバー側で行う方が簡単だと思います

<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 2

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