显示下拉列表的变化形式

Question

因此，我有一个ASP .NET MVC应用程序，用户应该能够在页面中添加内容。此内容可以是位置，照片等... 我的视图中有一个下拉列表，包含所有不同的内容选项。当选择一个选项时，页面应该显示一个模式表单，他们可以根据他们选择的内容类型输入详细信息。

我MODALFORM构造是这样的：

<div class="modal fade" id="locationModal" tabindex="-1" role="dialog" aria-labelledby="Login" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
        <span aria-hidden="true">&times;</span> 
       </button> 
       <h4 class="modal-title">Map</h4> 
      </div> 

      <div class="modal-body"> 
       <!-- The form is placed inside the body of modal --> 
       <form id="locationForm" method="post" class="form-horizontal"> 
        <div class="form-group"> 
         <label class="col-xs-3 control-label">Address</label> 
         <div class="col-xs-5"> 
          <input type="text" class="form-control" name="address" /> 
         </div> 
        </div> 

        <div class="form-group"> 
         <div class="col-xs-5 col-xs-offset-3"> 
          <button type="submit" class="btn btn-primary">Add location</button> 
         </div> 
        </div> 
       </form> 
      </div> 
     </div> 
    </div> 
</div> 

这很容易火起来的模态与该数据切换和数据目标的按钮属性是这样的：

<p class="text-center"> 
    <button id="addLocation" class="btn btn-default" data-toggle="modal" data-target="#locationModal"></button> 
</p> 

但如何从下拉列表中选择一个值时，我是否可以实现这种形式？我已经添加了一个JS函数到我的dropdownlist选择的OnChange，但我不知道如何启动模态窗体。

在此先感谢

Answer 1

可以使用上下拉的更改事件的JavaScript加载模式。

只需检查此链接：

Bootstrap Modal doesn't show