How to pass textbox value form bootstrap modal popup

Question

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

Vivek Kumar · Answer

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

Rupesh Kahane · Answer

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" > Submit button > 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.

How to pass textbox value form bootstrap modal popup

Answers (2)