は、モーダルウィンドウでJavaScriptを実行し

Question

私は、次のJSコードがあります。

は

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

この値を選択してドロップダウンリストを移入し、事は、このドロップダウンリストには、ユーザーがクリックした後、それを呼び出していることを形に現れ、ありますボタンを押すとモーダルウィンドウが開き、その中にフォームが表示されます。

しかし、それはドキュメントが既に「準備」ですので、このJSは、モーダルに実行されません

$(document).ready 

としてマークされているため。どうすればこれを達成できますか？

ありがとうございます！

よろしく、

Answer 1

あなたは簡単にこの使用してブートストラップモーダルイベントを達成することができます。次のコードスニペットを使用して目標を達成できます。

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

bootstrap modal eventsをご確認ください。

Answer 2

Try something like this. 


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