設定テキストボックスの値ボタンで動的に

Question

はJavaScriptを使用して、この

<a href="#edit-venue" class="btn green editButton" data-toggle="modal" data-id="2" data-placement="bottom" title="Edit"><i class="icon-note"></i></a> 

のようなオープンモデルをクリックしてモーダル

<div id="edit-venue" class="modal fade portlet" tabindex="-1" aria-hidden="true"> 
    <div class="modal-dialog"> 
             <form class="form-horizontal" id="editVenue" method="post"> 
              <div class="modal-content"> 
               <div class="modal-header"> 
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button> 
                <h4 class="modal-title">Edit Venue Detail</h4> 
               </div> 
               <div class="modal-body"> 

                <div class="form-group"> 
                 <label class="control-label col-sm-3"><b>Venue12</b></label> 
                 <div class="control-label col-sm-9 text-left"> 
                  <input id="venue" name="venue" class="form-control venue_name" placeholder="Enter venue" type="text"> 
                  <span class="error"></span> 

                  <span class="error"></span> 
                 </div> 
                </div> 
                <div class="form-group"> 
                 <label class="control-label col-sm-3"><b>Room/Stage</b></label> 
                 <div class="control-label col-sm-9 text-left"> 
                  <input id="roomStage" name="roomStage" class="form-control" placeholder="Enter room/stage" type="text"> 
                  <span class="error"></span> 
                 </div> 
                </div> 

               </div> 
               <div class="modal-footer"> 
                <button type="button" data-dismiss="modal" class="btn red">Cancel</button> 
                <button type="button" data-dismiss="modal" class="btn green btn_save">Save</button> 
               </div> 
              </div> 
             </form> 
            </div> 
           </div> 

私はボタンオープンモーダルをクリックすると、私は上のしたいですクリックすると、javascriptを動的に使用してperticularテキストボックスにデータを入力します。 $('#venue_name').val(msg.value);

代わり#venue_nameの私はclosest()を使用する：ボタンのクリックで

は私がしようとしたこの{"id":67,"value":"venue 1","Xvalue":"venue 1"}

のような応答を得ました。
どうすればいいですか？

Answer 1

私はあなたの質問を正しく理解していれば、メッセージからモデルの入力ボックスに値を設定したいと思っています。

あなたはモーダルのshown.bs.modalイベントを使用する必要があります。

var msg = {"id":67,"value":"venue 1","Xvalue":"venue 1"}; 

$('#edit-venue').on('show.bs.modal', function (e) { 
    $("#venue").val(msg.value); 
}) 

JSFIDDLE：https://jsfiddle.net/01zrxq7y/1/

ブートストラップドク：その後、 `モデルopened`イベントのhttp://getbootstrap.com/javascript/#modals-events