Question

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

    <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 Model类，其输入名称为属性

public ActionResult Search(SearchCriteria model)
{

}

问题是你的表单在模态中，这就是你无法将它们传递给Action的原因，你需要做的就是将你的表单放在模态之外，这样当你发布所有内容时张贴，你不必将值传递给模态本身。

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

1 个答案: