如何在下拉菜單中的值更改時在引導程序中生成模式彈出窗口？

Question

如何在下拉列表中的值更改時在引導程序中生成模式彈出窗口？

我有我的JavaScript這樣的..我正在引發一個事件來顯示modalPopup

$("#City").change(function() { 
    if ($("option:selected", $("#City")).text() == "Others") { 
     alert("hi"); 
     showModalPopup(); 
    } 
}); 


function showModalPopup() { 
    $("#myModal").modal("show"); 
} 

我收到警報，但我無法看到的模式彈出。

這是從引導例如該彈出窗口中的HTML代碼

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
<div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    <h3 id="myModalLabel">Modal header</h3> 
</div> 
<div class="modal-body"> 
    <p>One fine body…</p> 
</div> 
<div class="modal-footer"> 
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
    <button class="btn btn-primary">Save changes</button> 
</div> 

我是新來引導。請幫助我。

Answer 1

首先添加變量爲你的下拉更改事件

$("#City").live("change", function() { 
    var changeCity = ""; 
    changeCity = $("#City option:selected").val(); 
      if (changeCity == "Others") { 
       alert("hi"); 
       showModalPopup(); 
      } 
     }); 


     function showModalPopup() { 
      $("#myModal").modal("show"); 
     } 

希望這個作品:)