jquery - 更改下拉列表中的值时，如何在引导程序中生成模态弹出窗口？

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…&lt;/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");
        }

希望这有效:)