C# - 如何將 html 輸入值傳遞給 url.Action

Question

我有一個input和一個button 。 輸入的值應該傳遞給@url.Action就像下面代碼中的描述：

<input class="in-class" id="textbox" type="text" runat="server" />
<button class="btn-class" id="press" type="button" onclick="location.href='@Url.Action("Index", "Home", new {id = /*Value Of textbox*/ })'" >click here</button>

正如我在代碼中提到的， /*Value Of textbox*/應該是輸入的當前值。

Answer 1

使用 jQuery 或 JavaScript 更改 href 值，如下所示：

     <button class="btn-class" id="press" type="button" onclick="changeHref()" >click here</button>

   function changeHref(){
         var url = '@Url.Action("Index", "Home")';
         var txtVal = $('#textbox').val();
         window.location.href = url + '/?txtVal=' + txtVal;
   }

Answer 2

我用這個表格

<input type="text" id="txtValue" /> <input type="button" value="Detail" onclick="location.href='@Url.Action("Action", "Home")?Value=' + $('#txtValue').val()" />

或者你不能在 jquery 函數中寫這個。

Answer 3

我更喜歡使用 jQuery click處理程序，因為您有按鈕 ID 並遵循標准事件注冊模型來分隔 HTML 和 JS ：

HTML

<input class="in-class" id="textbox" type="text" />
<button class="btn-class" id="press" type="button">click here</button>

JS

$('#press').click(function () {
   var url = '@Url.Action("Index", "Home")';
   var textValue = $('#textbox').val();

   window.location.href = url + '?id=' + textValue;
});

PS：無需在 MVC 中使用runat="server"屬性，因為 Razor 不需要它。