1name
@1name

Как передать текст с помощью javascript с «div contenteditable» в"textarea"?

Пытаюсь получить содержимое "textarea" через метод "GET" или "POST". Проблема в том, что "textarea" изначально ничего не содержит и должна заполняться с помощью скрипта по событию, например "input type="submit". К сожалению, с javascript я разбираюсь с помощью google, и не могу понять в чём проблема... Приходит пустая строка при вызове request.getParameter("text");.

Приблизительно так выглядит мой HTML
<div contenteditable="true" id="AreaEdit" onclick="ClearContent">Тут можно писать...</div>
<textarea name="text" style="display:none" id="id-textarea"></textarea>

А вот так выглядит javascript (который я изрядно "потрепал")
var count=0;
document.getElementById('AreaEdit').onclick = function ClearContent () {
	   if (count==0) {
		   this.innerHTML = '';
		   count++;
	   } else {
		   function getContent(){
			    document.getElementById("id-textarea").value = document.getElementById("AreaEdit").innerText;
			}
	   }
	}
  • Вопрос задан
  • 66 просмотров
Пригласить эксперта
Ответы на вопрос 1
yarkov
@yarkov Куратор тега JavaScript
Проект "Жизнь после смерти" - lifeafterdeath.ru
https://jsfiddle.net/yarkov_aleksei/9jpnwcvf/
<form>
  <div contenteditable="true" id="AreaEdit">Тут можно писать...</div>
  <hr>
  <textarea name="text" id="id-textarea" rows="15" cols="40"></textarea>
  <hr>
  <input type="submit">
</form>

document.querySelector('form').addEventListener('submit', function(event){
	// запрещаем отправку формы, чтобы отправить её AJAX-ом например
	event.preventDefault();
	
  // Пишем в textarea содержимое div
  document.getElementById("id-textarea").value = document.querySelector('#AreaEdit').innerText;
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Artezio Могилев
от 2 800 до 3 300 $
07 мар. 2021, в 23:34
5000 руб./за проект
07 мар. 2021, в 23:14
10000 руб./за проект