2014-11-12 2 views
-1

Привет Я пытаюсь получить изменяющийся модальное содержание, но я не уверен, где я неправильно, как я новичок в JavaScriptкак получить изменения модальное содержание

Мой код:

<a data-toggle="modal" data-target="#exampleModal" data-whatever="sampleText" >testData</a> 



     <div class="modal fade bs-example-modal-sm" tabindex="-1" id="exampleModal"> 
      <div class="modal-dialog modal-sm"> 
       <div class="modal-content"> 
        <h4 class="modal-title" id="exampleModalLabel">New message</h4> 
        <form> 
    <div class="form-group"> 
       <label for="recipient-name" class="control-label">Recipient:</label> 
       <input type="text" class="form-control" id="recipient-name"> 
       </div> 
       </form> 
        <div class="modal-footer"> 
         <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button> 
        </div> 
       </div> 
      </div> 
     </div> 


     <script type="text/javascript"> 
     $('#exampleModal').on('show.bs.modal', function (event) { 
       var button = $(event.relatedTarget) // Button that triggered the modal 
       var recipient = button.data('whatever') 
       var modal = $(this) 
       modal.find('.modal-title').text('New message to ' + recipient) 
       modal.find('.modal-body input').val(recipient) 
      }) 
     </script> 

Мои Цель состоит в том, чтобы отобразить «sampleText» во входном текстовом поле. Но я не понимаю. Я получаю пустую коробку. Также есть способ отображения списка строк в поле ввода. ?? Извините, если мой вопрос очень прост. S

+0

Чтобы отобразить список значений, которые я попробовал что-то вроде это:.