Javascript 将文本显示到div中不起作用
引导编辑器工作正常,但我想将输入的数据显示到id为:Javascript 将文本显示到div中不起作用,javascript,jquery,html,text-editor,Javascript,Jquery,Html,Text Editor,引导编辑器工作正常,但我想将输入的数据显示到id为:enclusere的div中。它工作正常,但数据应显示如下: Enclouser:第一个Enclouser第二个Enclouser第三个Enclouser 但它的显示方式如下: Enclouser:<div><ol><li>first enclouser</li><li>second enclouser</li><li>3rd enclouser</li&
enclusere
的div中。它工作正常,但数据应显示如下:
Enclouser:Enclouser:<div><ol><li>first enclouser</li><li>second enclouser</li><li>3rd enclouser</li></ol></div>
<div class="modal fade" id="myModale" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Add Enclosure</h4>
</div>
<div class="modal-body sol">
<textarea id="textareaIDe" class="form-control"></textarea>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" id="savedatae" data-dismiss="modal" class="btn btn-primary">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
$('#myModala').on('shown.bs.modal', function () {
$('#textareaIDe').focus();
})
$("#savedatae").click(function(){
var message = $('.sol .Editor-editor').html();
alert(message);
$('#enclousere').text(message);
//alert(message);
});
<div class="fsize" id="enclousere"></div>
用于显示的标记:
Enclouser:<div><ol><li>first enclouser</li><li>second enclouser</li><li>3rd enclouser</li></ol></div>
<div class="modal fade" id="myModale" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Add Enclosure</h4>
</div>
<div class="modal-body sol">
<textarea id="textareaIDe" class="form-control"></textarea>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" id="savedatae" data-dismiss="modal" class="btn btn-primary">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
$('#myModala').on('shown.bs.modal', function () {
$('#textareaIDe').focus();
})
$("#savedatae").click(function(){
var message = $('.sol .Editor-editor').html();
alert(message);
$('#enclousere').text(message);
//alert(message);
});
<div class="fsize" id="enclousere"></div>
使用
而不是
.text(message);
使用
而不是
.text(message);
$('enclusere')。文本(消息)代码>应该是$('#enclusere').html(消息)代码>@mplungjan谢谢它为me@Fred-ii-我将移除标记的PHP@Dev-请删除$('#enclusere')文本(消息)的实际副本代码>应该是$('#enclusere').html(消息)代码>@mplungjan谢谢它为me@Fred-ii-我将移除标记的PHP@Dev-请删除不值得回答的实际副本。已经在评论中回答了。应关闭为typo@mplungjan我在回答的同时回答了,我不明白为什么这不是一个答案,他问了一个问题,我键入并回答.html而不是.text不是打字错误。或者也许我不明白?如果是这样的话,我道歉它属于“打字错误”的结案原因。这个问题是由一个无法再复制的问题或一个简单的印刷错误引起的。虽然类似的问题可能在这里的主题,这是一个解决的方式不太可能帮助未来的读者。这通常可以通过在发布之前确定并仔细检查重现问题所需的最短程序来避免。@mplungjan好的,谢谢你的澄清,我以后不会再犯同样的错误。不值得回答。已经在评论中回答了。应关闭为typo@mplungjan我在回答的同时回答了,我不明白为什么这不是一个答案,他问了一个问题,我键入并回答.html而不是.text不是打字错误。或者也许我不明白?如果是这样的话,我道歉它属于“打字错误”的结案原因。这个问题是由一个无法再复制的问题或一个简单的印刷错误引起的。虽然类似的问题可能在这里的主题,这是一个解决的方式不太可能帮助未来的读者。这通常可以通过在发布之前确定并仔细检查重现问题所需的最短程序来避免。@mplungjan好的,谢谢你的澄清,我以后不会再犯同样的错误了。