将值从页面传递到引导模式和操作结果

Question

我正在开发一个 asp.net MVC 4 应用程序。我正在使用引导程序来显示模态。在我的索引视图中，我有一个 rdiobutton 列表、一个下拉列表以及一个文本框和搜索按钮。当用户单击搜索时，我想在主页上显示带有选定值/类型的引导模式，并且在模式弹出窗口上会有更多的文本框。如何使用 jquery 打开引导程序并将值传递给引导程序弹出窗口？

    <input type="radio" name="inlineCheckbox1" value="option1">New
     <input type="radio" name="inlineCheckbox1" value="option2">Used                   
     <input type="radio" name="inlineCheckbox1" value="option3">Both

     <select id="myselect">
      <option>   option 1   </option>
      <option>   option 2   </option>
      <option>   option 3   </option>
      <option>   option 4   </option>
     </select

  <input class="span4" id="MonthlyPayment" type="text">

  <button id="btnAdvanceSearch" data-toggle="modal" class="btn btn-success btn-block" style="height: 40px; font-size: xx-large"><b>Search</b></button></td>


 @Html.Partial("~/views/Home/_AdvanceSearch.cshtml")

我的部分观点是这样的

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width:700px">
    @using (Html.BeginForm("Search", "Home", FormMethod.Post, new { Id = "frmSearchVehicles" }))
    {


 @Html.TextBoxFor(model => model.DownPayment, new { @class = "span4" }) 
 @Html.TextBoxFor(model => model.DownPayment1, new { @class = "span4" }) 
 @Html.TextBoxFor(model => model.DownPayment2, new { @class = "span4" }) 
<input type="submt" value="search"
}

1)如何使用 jquery 打开模式弹出窗口 2）如何将单选按钮、选择和文本框值传递给模式弹出窗口 3）如何将所有值（单选按钮、主页上的选择和文本框值以及模式弹出窗口）传递给操作方法？

请推荐

Answer 1

要显示对话框模式，请使用以下命令：

$( "#myModal" ).modal('show');

其次，

为了能够将您的值传递给操作，您只需创建一个 SearchCriteria 模型类，并将您的输入名称作为属性

public ActionResult Search(SearchCriteria model)
{

}

问题是您的表单在模态框内，这就是为什么您无法将它们传递给 Action，您需要做的就是将您的表单放在模态框之外，这样当您发布所有内容时一起发布，您不必将值传递给模态本身。