Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Передача данных полей формы в строку textarea (https://javascript.ru/forum/jquery/67045-peredacha-dannykh-polejj-formy-v-stroku-textarea.html)

Meattale 24.01.2017 20:29

Передача данных полей формы в строку textarea
 
Здравствуйте! Подскажите, как можно реализовать данную функцию:
Есть 7 форм.

<form name="MyForm" method="post" action="cms/buy.php">
<div style="background: #F0F0F0; margin: 5px; border-radius: 5px; padding: 10px; width: 200px;">
<input class="wicartoptional" type="radio" value="Кровельная ПСБС" name="type" required="">Кровельная <br>
<input class="wicartoptional" type="radio" value="Стеновая ПСБС" name="type">Стеновая <br>
</div>
<div style="background: #F0F0F0; margin: 5px; border-radius: 5px; padding: 10px; width: 200px;">
Толщина: <select name="tol" required="">
        <option value="50" selected="">50 </option>
        <option value="75">75 </option>
        <option value="100">100 </option>
        <option value="150">150 </option>
        <option value="200">200 </option>
</select> мм</div>
 
<div style="background: #F0F0F0; margin: 5px; border-radius: 5px; padding: 10px; width: 200px;">
Длина: <input style="width: 60px;" type="number" name="dlin" value="1" min="1" max="12" step="0.01" required=""> м</div>


	<div style="margin-left: 5.8%;">Кол-во: <div onclick="WICartNumSub('winum_077')" class="wicartnum_downbutton">-</div><input type="text" class="wicartnum" name="kol" id="winum_077" value="1" data-min-value="1" data-max-value="100"><div onclick="WICartNumAdd('winum_077')" class="wicartnum_addbutton">+</div></div>
<br>

<button name="submit" type="submit" id="wicartbutton_002" class="button" style="margin-left: 22%;">Заказать</button>
</form>

и таких 7 штук. меняется только name="MyForm" id="winum_077" "WICartNumSub('winum_077') и
<input class="wicartoptional" type="radio" value="Кровельная ПСБС" name="type" required="">Кровельная <br>
<input class="wicartoptional" type="radio" value="Стеновая ПСБС"

пример формы данных


данные каждой этой формы нужно передать в отдельную строчку по нажатию на кнопку заказать. Каждая форма с новой строки.

<textarea rows="8" name="dop" cols="40" required="" class="input input-anim scroll fadeInDown animated" style="max-width:900px; width:600px; max-height:300px;font-size:20px; color:#000000"></textarea>


рони 24.01.2017 20:43

Meattale,
$('textarea').val($.map($('form'), function(el) {
return $(el).serialize()
}).join('\n'))

Meattale 24.01.2017 20:50

Цитата:

Сообщение от рони (Сообщение 442208)
Meattale,
$('textarea').val($.map($('form'), function(el) {
return $(el).serialize()
}).join('\n'))

А вариант для 7 форм можно? Там MyForm, MyForm2 и так до 7.:)

рони 24.01.2017 20:54

Цитата:

Сообщение от Meattale
А вариант для 7 форм можно? Там MyForm, MyForm2 и так до 7

...!!!

laimas 24.01.2017 21:41

Цитата:

Сообщение от Meattale
Есть 7 форм

Если данные семи форм передаются через текстовое поле, то зачем семь форм, не проще ли иметь одну?

Meattale 25.01.2017 00:56

Цитата:

Сообщение от laimas (Сообщение 442213)
Если данные семи форм передаются через текстовое поле, то зачем семь форм, не проще ли иметь одну?

у этих 7 форм разные value)

рони 25.01.2017 01:50

Meattale,
код выше для любого количества форм, ничего добавлять или дублировать не надо.

laimas 25.01.2017 07:10

Цитата:

Сообщение от Meattale
у этих 7 форм разные value

То есть, если из формы в одном поле нужно получить 1, а во втором 2, то это повод разбивать эту форму на две? :)


Часовой пояс GMT +3, время: 17:53.