Loading

How to pass textbox value form bootstrap modal popup

How to pass textbox value form bootstrap modal popup

S P

9y12.3kVisual Basic .NET

I want to pass data from mvc textbox in modal popup to the controller.I am using jquery.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vivek Kumar9y ago
you can use javascript/Jquery function to manipulate your value. Have a look into the below links.

https://stackoverflow.com/questions/25844456/mvc-passing-data-to-and-from-bootstrap-modal

https://stackoverflow.com/questions/24600562/passing-value-to-form-in-bootstrap-modal
0
Rupesh Kahane9y ago
Try below code
Suppose your model contains property like
public string Name { get; set; }
On your view suppose their is a one textbox, button & popupbox id like
@model ProjectName.Models.yourModelName

  @(Html.TextBoxFor(model => model.Name)
                .Name("Name")
                .HtmlAttributes(new { placeholder = "Name", @class = "col-sm-12", style = "width:100%", length=20 })
            )

<div>
  <button id="btnSubmit" type="button" class="btn btn-primary">Submitbutton>
div>
Write some javascript code on sumit button
$("#btnSubmit").click(function () {
  var name = $("input[id='Name']").val();
  loadPopupBox("LoadPopUpBoxId");
   $("#LoadPopUpBoxId").load("/ControllerName/MyActionName?name=" + name).focus();

});
Write code into a controller as
Pubblic ActionResult MyActionName(string name)
{
   yourModelName objModel = new yourModelName();
    objModel.Name = name;
    return View("yourViewNamePath.cshtml",objModel);
}
On popUpbox you can display the details as
@model ProjectName.Models.yourModelName

@Html.DisplayFor(x => x.Name)
All the best.
0