jQueryのブートストラップモーダル変更テキスト

Question

さて、私は検索していくつかの方法を試みましたが、何もしませんでした。

私はフォームと選択オプションのフォームを持つモーダルを持っています。私はまた、私のjQueryで変更したい通常のプレーンテキストを持っています。ここで

は私のコードです：

<!-- Modal --> 
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"> 
     <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
      <h4 class="modal-title" id="exampleModalLabel"> <center> Kupovina online </center></h4> 
      </div> 
      <div class="modal-body"> 
      <form> 
       <div class="form-group"> 
       <label for="recipient-name" class="control-label">Ime i Prezime:</label> 
       <input type="text" class="form-control" id="recipient-name"> 
       </div> 
       <div class="form-group"> 
       <label for="message-text" class="control-label">Adresa:</label> 
       <textarea class="form-control" id="message-text"></textarea> 
       </div> 

       <div class="form-group"> 
       <label for="message-text" class="control-label">Telefon:</label> 
       <div id="thisIsanID"> <p> THIS TEXT NEEDS TO CHANGE </p> </div> 
       </div> 

       <label for="paketizaberi" class="control-label">Paket:</label> 
       <select class="form-control" id="paketizaberi"> 
       <option value="PaketZvezda">Zvezda</option> 
       <option value="PaketSunce">Sunce</option> 
       <option value="PaketGalaksija">Galaksija</option> 
       </select> 
      </form> 
      </div> 
      <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Otkaži</button> 
      <button type="button" class="btn btn-primary" action="Update.php">Naruči</button> 
      </div> 
     </div> 
     </div> 
    </div> 

そして、私のjQueryで私が試した：

$('#thisIsanID').find('p').html('Changed Text !!!!!'); 

（ボタンがクリックされたときに呼び出され、オプションが選択されている）

を何私は行方不明ですか？

Answer 1

は、スクリプトにそれが動作するはず

DEMO