Блог

Как я могу загрузить обычный текст во всплывающее окно начальной загрузки с помощью 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>
  

Вам нужно привязать код к какому-либо событию — например, keyup если вы хотите, чтобы заголовок был изменен «в режиме реального времени» или change если вы хотите, чтобы заголовок менялся при изменении значения ввода.

Вы также можете использовать html() функцию для изменения значения <span> содержимого

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