Как передать значение из div в input?

Question

[Тимофей]

Есть такая конструкция:

<form class="text-input-wrap_box" action="script/input.php" method="post">
            <input class="field-entry_field" type="text" name="name-author" value="" placeholder="Enter you name..." required>
            <input class="field-entry_field" type="text" name="header-article" value="" placeholder="Enter heading..." required>
            <div id="text-editor"></div>
            <input class="text-input-field_submit" type="submit" name="submit-article" value="publish">
         </form>

В этом месте <div id="text-editor"></div>подключается редактор Quill я знаю как получить из него то, что ввел пользователь, но не понимаю как передать это в форму для отправки в базу данных. подскажите как правильно передать введенные пользователем данные вместе со всей формой.

Answer 1

[Ramzesh Halifionakis]

Вам нужно создать еще один hidden input, в value которого будет дублироваться содержимое вашего div-а с контентом.
Содержимое div-а через jquery возьмете так:
var value = $('#text-editor').html()

Значение в hidden input положите так:
$('#id_of_new_hidden_input').val(value)

Для синхронизации значений в диве и hidden input, можете повесить listener на onChange.

Я не знаю как конкретно работает эта библиотека, но скорее всего она генерит textarea, в котором будет находиться ваш контент. Тогда в этом случае вам нужно будет получать значение не из указанного вами div-а, а из textarea. Или вам нужно будет просто просмотреть post массив, там уже будет лежать ваш контент. И пляски, написанные выше будут не нужны.

Comments

[Тимофей]

Спасибо за направление, могу ли я привязать передачу в скрытый инпут к событию submit?
не будут ли они конфликтовать? не потуряется ли значение?

[Ramzesh Halifionakis]

Спасибо за направление, могу ли я привязать передачу в скрытый инпут к событию submit?

Да, конечно:

$('.text-input-wrap_box').on('submit',function(e){
//Здесь логика
})

не будут ли они конфликтовать? не потуряется ли значение?

Не вижу причин, чтобы конфликтовало, протестите.

[Тимофей]

дико извиняюсь, но тыц нашел такое решение, делает вроде практически то, что мне надо, но тут передается просто в див, подскажите как правильно исправить, чтобы передать текст в инпут скрытый

P.S. спасибо, разобрался. Большое спасибо за помощь

Answer 2

[Анатолий Куликов]

Ну таки просто передайте в скрытый инпут и отправляйте

Answer 3

[postgresdev]