Jquery无法读取Contenteditable div，变量返回未定义答案

【问题标题】：Contenteditable div can´t be read by Jquery, variable returns as undefinedJquery无法读取Contenteditable div，变量返回未定义
【发布时间】：2018-11-11 17:03:19
【问题描述】：

我需要将内容从 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>

【问题讨论】：

标签： javascript jquery wysiwyg contenteditable

【解决方案1】：

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

改变

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

到

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

您的代码可以正常工作，如图所示

【讨论】：