Установка текста в текстовое поле при нажатии

Question

Я не могу понять, как установить текст в текстовое поле при нажатии кнопки. Это моя разметка:

Изображение:

Markup:

<div id="deploymentsGrid"> 
    @if (db.CatalogCircumstances.Any()) 

    { 
     @grid.GetHtml(
     tableStyle: "table", 
     headerStyle: "table_HeaderStyle", 
     footerStyle: "table_PagerStyle", 
     rowStyle: "table_RowStyle", 
     alternatingRowStyle: "table_AlternatingRowStyle", 
     selectedRowStyle: "table_SelectedRowStyle", 
     columns: grid.Columns(

      grid.Column("Nr", @Resources.Localization.nr, format: @<text> 
       @{ row = row + 1;} @item.Nr 
      </text>, style: "p13"), 

      grid.Column("Description", @Resources.Localization.description, format: @<text> 
         @{ row = row + 1;} @item.Description 
      </text>, style: "width:250px"), 


      grid.Column("", "", format: @<text> 
           <input id="select_bttn" style="width:78px" type="submit" value=@Resources.Localization.select /> 
      </text>) 
       ) 
      ) 
    } 
    <br /> 
</div> 




<div class="container"> 
    @using (Html.BeginForm("AddCircumstanceToList", "Health", FormMethod.Post)) 
    { 
     @Html.HiddenFor(m => m.EmployeeId) 

     @Html.TextBoxFor(m => m.Nr, Model.Nr, new { style = "width:100px" }) 
     @Html.TextBoxFor(m => m.Description, Model.Description, new { style = "width:450px" }) 
     <br /> 
      <br /> 
      @Html.LabelFor(m => m.Start_date) 
      @Html.TextBoxFor(m => m.Start_date, new { id = "datepicker5" }) 
      @Html.LabelFor(m => m.End_date) 
      @Html.TextBoxFor(m => m.End_date, new { id = "datepicker4" }) 

      <br /><br /> 
      <input type="submit" value="@Resources.Localization.save" style="width:78px" /> 
    } 
    <button id="closer">@Resources.Localization.back</button> 
</div> 

И i`d нравится при нажатии на текст 'выберите-BTTN' был установлен в текстовые поля (внутри BeginForm) и затем отправляется в действие при нажатии кнопки «Сохранить».

Answer 1

Во-первых, заменить select_bttn с этим:

<input id="select_bttn" class="select_bttn" style="width:78px" type="button" value="OK" data-nr="@item.Nr" data-description="@item.Description" /> 

Во-вторых добавить функцию JQuery, которая получит Nr и Description свойства щелчка r вл и установить значения двух текстовых полей:

$(function() { 
    $(".select_bttn").click(function() { 
     var nr = $(this).data('nr'); 
     var description = $(this).data('description'); 

     var message = "You clicked on.Nr - " + nr + ".Description - " + description + "."; 
     alert(message); 

     $("#Nr").val(nr); 
     $("#Description").val(description); 
    }); 
}); 

Выход:

Answer 2

1 Добавить идентификатор в форму

@using (Html.BeginForm(  
     "AddCircumstanceToList", "Health", FormMethod.Post, 
     new { id = "myForm" }))} 

2 Добавить JQuery

$("#select_bttn").click(function() { 
    $("#Description").val("hello world"); 
    $("#myForm").submit(); 
});