ブートストラップポップアップにプレーンテキストをロード

Question

ブートストラップポップアップのプレーンテキストをjavascript経由で読み込むにはどうすればよいですか？私はpTitleテキストを設定したいが、innerHtmlは動かない。

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> 

Answer 1

あなたは、いくつかのイベントにコードをフックする必要があります - あなたは、タイトルを変更したい場合は、入力の値が変更されたときにタイトルを変更したい場合やchange「ライブオン」の例keyupため。

また<span>コンテンツの値を変更するにはhtml()機能を使用することができます

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