顯示下拉列表的變化形式

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