Как передать table в textarea jQuery?

Question

[Сергей Миллер]

Есть страница корзины, на странице товары и их параметры формируются в таблицу table.

<table>
<thead><tr>...</tr></thead>
<tbody>
<tr>
<td>img</td>
<td>параметр</td>
<td>input количество</td>
<td>параметр</td>
<td>параметр</td>
</tr>
...
</tbody>
</table>

Есть кнопка "оформить заказ", при клике на которую открывается попап с полями имя и телефон, сделал скрытую область textarea, в нее нужно передать всю table.

На php сделал проверку textarea minlength=>1

При сабмите, форма ругается на пустое поле textarea, хотя оно не пустое и вся table передается туда. Что делаю не так? Или есть более разумный способ совершить задуманное?

$(document).on('click',  '.checkAndSend', function(){
var order = $('.forTableCart table').clone();
$('textarea#appending').append(order);
});

Comments

[Шохрух Шаймардонов]

Посмотрите что у вас при аппенде в текстариа передается. Вряд ли что-то нормальное

[Сергей Миллер]

Шохрух Шаймардонов, да, туда передается всё. от <table> до </table>. Как это правильно сделать?

[Шохрух Шаймардонов]

Сергей Миллер, залейте для начала в песочницу: codepen/jsfiddle/codeply другие...

[Шохрух Шаймардонов]

Сергей Миллер, дальше посмотрим в чем проблема

[AUser0]

Ну тогда кодируйте (например через encodeURIComponent()) исходный код этого table, что бы он при помещении в order перестал быть HTML-кодом...

Answer 1

[Дмитрий Баскаков]

Может стоит просто так:

var table = $('.forTableCart table')[0].innerHTML;
$('textarea#appending').innerHTML = table;

Может нужно что-то подправить, но в общем можно использовать innerHTML или outerHTML, которые возвращают весь код либо внутри блока, либо внутри блока и сам блок.

Затем можно через innerHTML добавить всё что получили в нужный textarea.