Url.Actionでhtmlテキストボックスの値をコントローラアクションメソッドの入力引数に送る方法はありますか？

Question

私はこのコードを書くビューページでのasp.net MVCでの新たなんだとHTMLテキストボックスの値を読み、コントローラのアクションメソッドの引数にそれを送りたい、その目的のために：中

<a href="@Url.Action("Item", "Store", new {parentPartId = @item.Id,UserID=12})">@item.BookName</a> 

このセグメントのurl action：
ユーザーID = HTMLテキストボックスの値
読み出し値とコントローラにこのアクションに送信：

public ActionResult Item(int parentPartId,int UserID) 
     { 
} 

<input type="text" id="USERID"/> 

どのように私はその問題を解決することができ感謝：？ビューページで は私のテキストボックスはこれです。

Answer 1

あなたは、ハイパーリンクのクリックイベントを処理することができますし、このように、それにテキストボックスから値を挿入します

HTML：

<a class="BookName" href="" data-id="@item.Id">@item.BookName</a> 

スクリプト（あなたはjQueryのを持っていますが、簡単に再前提としてい-writableていない場合）：

$(".BookName").click(function(event) 
{ 
    event.preventDefault(); 
    var url = '@Url.Action("Item", "Store", new {parentPartId = "PARENT_ID",UserID="USER_ID"})'; 
    url = url.replace("USER_ID", $("#USERID").val()); 
    url = url.replace("PARENT_ID", $(this).data("id")); 
alert(url); //just for debugging 
    window.location.href = url; 
}); 

あなたはこれを行う前に、入力値が有効であることをチェックすることがありますが、これは、あなたが開始されます。モデル/ Formコレクションを経由して、フォームを配置し、データをポストする必要が

Answer 2

テキストボックスの値は動的です。ユーザーの入力によって異なります。 Razorタグはサーバーでコンパイルされ、クライアントにポストされています。あなたのひげ剃りコードは、テキスト領域に何をするのかを理解できません。テキストボックスの値を決定してサーバーに送信する方法をトリガーするアクションが必要です。 ajax関数を使用することができます。 Jqueryのヘルプ。

私は@itemがループ変数だと思います。あなたは、私はIDをキャッチし、paramenterとしてダウン型参照として あなたは

<a onClick="myFunction(@item.id)">@item.BookName</a> 

以下のようにコードを変更することができます。 これはあなたのテキスト領域

<input type="text" id="USERID"/> 

これは、テキストボックスの値を取得し、あなたの行動

function myFunction(id){ 
    var userId = document.getElementById("UserID").value; 
    var data ={ 
     parentPartId:id, 
     UserID:userId 
    } 

    $.ajax({   //Jquery stuff 
      url : '/Store/Item' 
      type:'POST', 
      data:data 
      dataType:'json' 
      success:function(){//You can handle succes scenario} 
     }); 
} 

それはJSONオブジェクトであるデータの構造を参照してくださいに送信javascript関数です。パラメータ名は、アクションパラメータと同じです。あなたがそれを送るとき。 MVCはロジックを理解し、パラメータと値を一致させます。 ）

Answer 3

ビューコード

@using (Html.BeginForm("SaveData", "TestCont", FormMethod.Post, new { Id = "frmTest", enctype = "multipart/form-data" })) 
{ 
    @Html.AntiForgeryToken() 
    <input type="text" id="USERID" name="UserID"/> 
} 

コントローラ：

[HttpPost] 
[ValidateInput(false)] 
public ActionResult SaveData(FormCollection form) 
{ 
    string html = Convert.ToString(form["UserID"]); 
} 

が[ValidateInput(false)]をマークすることを確認し、それ以外の場合はエラーが発生しますon html掲載

フォームを送信するフォームでサブフォームを送信するか、JavaScriptで使用するかを指定します。$('#frmTest').submit()