2016-10-24 4 views
0

Wie kann ich einen einfachen Text in einem Bootstrap-Popup über Javascript laden? Ich möchte pTitle Text setzen, aber innerHtml funktioniert nicht.Lade Text im Bootstrap-Popup

var $modal = $('#preview_dialog'); 
var $title = $modal.find('#pTitle'); 
$title.innerHtml = ($("#Title").val()); 

<div id="preview_dialog" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"></div> 
      <div class="modal-body" style="height: 600px;"> 
       <div class="row"> 
        <div class="col-xs-12"> 
         <div class="left-inner-addon"> 
          <span id="pTitle" class="form-control-static"></span> 
          <input class="form-control" id="pTitle2" type="text" class="input-medium" />   
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Antwort

0

Sie müssen den Code auf ein Ereignis Haken - zum Beispiel, wenn Sie keyup Titel change werden soll geändert „auf live“ oder wenn Sie Titel wollen, wenn der Wert ändern wird der Eingang zu ändern.

Sie können auch html() Funktion den Wert von <span> Inhalt

$('#pTitle2').on("keyup", function() { 
    $('#preview_dialog #pTitle').html($("#pTitle2").val()); 
}); 
ändern