1

ドロップダウンの値が変更されたときにブートストラップで modalpopup を生成する方法は?

私はこのような私の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>

私はブートストラップが初めてです。助けてください。

4

1 に答える 1

1

最初に、ドロップダウン変更イベントの変数を追加します

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


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

これがうまくいくことを願っています:)

于 2013-10-08T07:01:15.123 に答える