Contenteditable div 无法被 Jquery 读取，变量 returns 未定义

Question

我需要将内容从 contenteditable div 传递到输入中，以便使用 PHP 提交。我发现 Jquery 无法阅读其内容，如果有人能解决我的问题，我将不胜感激。

function textChange() {
  var str = $('#preblogbody').html();
  $("#blogbody").val(str);
  alert(str);
}

<form>

.....

<div id="WYSIWYG" id="preblogbody" contenteditable="true" onkeyup="textChange()" onmouseup="textChange()"> 
   </div>
   <textarea class="hidden" id="blogbody"  name="blogbody"></textarea>
      
.....
      
</form>

Answer 1

您在同一个元素上有两个 ID。第二个被忽略了。

改变

<div id="WYSIWYG" id="preblogbody" contenteditable="true"...

到

<div id="preblogbody" contenteditable="true"...

并且您的代码工作正常，如图所示

Contenteditable div 无法被 Jquery 读取，变量 returns 未定义

Contenteditable div can´t be read by Jquery, variable returns as undefined

javascript

jquery

wysiwyg

contenteditable