Contenteditable div не может быть прочитан Jquery, переменная возвращается как неопределенная

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

У вас есть два идентификатора на одном элементе. Второй игнорируется.

Изменить

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

К

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

и ваш код работает нормально, как показано