ブートストラップモードでデータが表示されない

Question

私はちょっとぎこちない状況に陥ってしまった。私は自分のページにフォームを表示するためにブートストラップモーダルを使用しています。以前は古いデータがモーダルを開くたびに保持されていました。だから私のコードにこの行を追加しました

$(".modal").on("hidden.bs.modal", function(){ 
    $(".modal-body").html(""); 
}); 

最初は適切なデータを表示していますが、2回目以降はモデルに何も表示されません。以下の私のモデルコード

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" id="closeTab" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
       <h4 class="modal-title" id="myModalLabel">add holiday</h4> 
      </div> 

      <div class="modal-body"> 
      <form action="" id="holidayForm"> 
      <h3> <label id="addHoliday"><span class="label label-info">date</span></label> </h3> 

      <h3> <label id="holidayDetail"><span class="label label-info">description</span></label> </h3> 
       <input class="form-control input-lg" id="inputlg" placeholder="description" type="text"> 
       </form> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" id="close" class="btn btn-default" data-dismiss="modal">Close</button> 
       <button type="submit" id="saveChanges" class="btn btn-primary">Save changes</button> 
      </div> 

     </div> 
    </div> 
</div> 

は

をクリアするには...これは、コードが

$('.clickMe').click(function(){ 
    var clickId=$(this).attr('id'); 
    var myDate=clickId.toString().substr(0,2); 
    var myMonth=clickId.toString().substr(2,4); 
    $("#addHoliday").append("<h3><input type='text' name='newDate' disabled='disabled' id='newDate'value="+this_year+"-"+myMonth+"-"+myDate+"></input></h3>"); 
    $("#myModal").modal('show'); 


}) 

は私が

Answer 1

一つの迅速な解決策間違っているものを教えてください、ブートストラップをポップアップ表示されていますフォームフィールドでは、このようなことができます。

$(".modal").on("hidden.bs.modal", function(){ 
    $(".modal-body #holidayForm input").val(""); 
}); 

.clickMeクリックイベントが発生するたびに、新しい入力フィールドを追加しています。私はあなたがそれをしたい.modal-体の入力フィールドでそのHTMLコードを入れ、その後、このような何かに#addHolidayラインへの追加に代わる..

$(".modal-body #holidayForm #newDate").val(this_year + "-" + myMonth + "-" + myDate); 
$(".modal-body #holidayForm #inputlg").val(""); 

UPDATE

あなたのコメントに返信するには、modal-bodyの#addHolidayのhtmlをこれに変更してください。

  <h3> 
      <label id="addHoliday"> 
      <span class="label label-info">date</span> 
      <h3><input type="text" name="newDate" id="newDate" value=""/></h3> 
      </label> 
     </h3> 

あなたは1つのNEWDATE入力フィールド、およびクリックイベントが.modal-体

メイク感覚でそのフィールドを更新している。この方法は？