2017-07-07 90 views
0

我有以下JS代碼:在模態窗口中執行JavaScript的

<script type="text/javascript"> 
    $(document).ready(function() { 
     var items = "<option value='0'>Select</option>"; 
     $('#DistrictID').html(items); 
    }); 
</script> 

此填充值選擇一個下拉列表,問題是,這個下拉列表中出現的形式,一旦用戶點擊一個,它被稱爲按鈕,然後打開一個模態窗口,其中包含窗體。

但既然是標記爲

$(document).ready 

這個js不會與模式執行,因爲文檔已經「準備好」。我怎樣才能做到這一點?

在此先感謝!

問候,

+0

爲什麼你不能把你需要的代碼放在一個函數中,並在模態初始化時調用? – scrappedcola

回答

3

您可以輕鬆地做到這一點使用自舉模式的事件。您可以使用下面的代碼來實現你的目標:

$(document).ready(function() { 
    $('#myModal').on('shown.bs.modal', function (e) { 
      var items = "<option value='0'>Select</option>"; 
      $('#DistrictID').html(items); 
     }); 
}); 

僅供參考,請檢查bootstrap modal events

+0

感謝您的回答,問題,爲什麼您包括和(e)在單詞功能之後?它的目的是什麼? –

+0

'e'是事件數據。其中包含有關哪個元素觸發了此事件以及其他事件的信息。 – Zeeshan

+0

謝謝!我在這篇文章中對這段代碼有個疑問。如果你可以檢查它並給我一隻手,我會很感激它,也許你有答案! https://stackoverflow.com/questions/45126066/javascript-modal-it-wont-trigger-on-the-first-time?noredirect=1#comment77234762_45126066 –

-2
Try something like this. 


$('#idofselectelement').change(function(){ 
//grab the selected option and then do what you want with it. 
});