В одну переменную данные с нескольких textarea?

Question

[Insom84]

Мне нужно, чтобы в переменную приходило значение из той textarea в которой ввели значение. Мой код такой:

принимает
 var dopserv = $('textarea[name="dopservice"]').val();
        var dopserv = $('textarea[name="dopservice1"]').val();
            var dopserv = $('textarea[name="dopservice2"]').val();
                var dopserv = $('textarea[name="dopservice3"]').val();

передает
  $('.t744 select:eq(1) option:selected').val(dopserv);//Размер

Что здесь не так? это рабочая конструкция?

Comments

[Andrey Vasilev]

получать значения всех textarea, а потом пушить их в массив

[FeST1VaL]

эм, вы каждый раз определяете заново переменную.
А если сразу в 2 введут значение?

[Insom84]

Артем Будин, в два сразу не введут, так как активно может быть только одна.

[Insom84]

Andrey Vasilev, можешь показать как?

[Andrey Vasilev]

Insom84, https://codepen.io/Nolis/pen/dyoOOGg?editors=1111

[Andrey Vasilev]

Insom84, сразу пушаться все три, можешь разделить, сделать несколько кнопок, проверять на пустоту и т.п.

[Insom84]

Andrey Vasilev, попробовал добавить ваш код, но не работает, что не так сделал?

var dopserv = $('textarea[name="dopservice"]').val();
        var dopserv = $('textarea[name="dopservice1"]').val();
            var dopserv = $('textarea[name="dopservice2"]').val();
                var dopserv = $('textarea[name="dopservice3"]').val();
    var html=$('.t395__tab_active').text();

let arrText = [];
$('.clicker').click(function(){
 arrText.push($('dopservice').val());
 arrText.push($('dopservice1').val());
 arrText.push($('dopservice2').val()); 
  arrText.push($('dopservice3').val());
});
<div class="clicker" style="display:none;"></div>
    var click=$('.clicker').val();
 
//ПРисваиваем значения из калькулятора для блока ST200
  //Параметры
  $('.t744 select:eq(0) option:selected').val(colvo);//цвет
  $('.t744 select:eq(1) option:selected').val(click);//Размер
  $('.t744 select:eq(2) option:selected').val(complect);//Комплектация
  $('.t744 select:eq(2) option:selected').val(html);//тип

[Andrey Vasilev]

Insom84, добавил свой ответ, а что нужно? вывести этот массив или добраться до элемента?

[Insom84]

Andrey Vasilev, надо, чтобы в эту строку $('.t744 select:eq(1) option:selected').val(click);//Размер
выводились значения со всех 4 textarea:
var dopserv = $('textarea[name="dopservice"]').val();
var dopserv2 = $('textarea[name="dopservice1"]').val();
var dopserv3 = $('textarea[name="dopservice2"]').val();
var dopserv4 = $('textarea[name="dopservice3"]').val();

[Andrey Vasilev]

Insom84,
let arrText = [];
$('.clicker').click(function(){
arrText.push($('#f').val());
arrText.push($('#s').val());
arrText.push($('#t').val());
$('.t744 select:eq(1) option:selected').text(arrText);
});
несовсем понимаю что вы хотите, может так?

[Insom84]

Andrey Vasilev, я разобрался, все гораздо проще,
вот так работает (если всем задать разные переменные):
$('.t744select:eq(1)option:selected').val([dopserv,dopserv1,dopserv2,dopserv3]);
но как скрыть запятые которые высвечиваются?

Answer 1

[Антон Шаманов]

$('textarea').val(); в цикле

Comments

[Insom84]

Антон, как поправить подскажи?

[Антон Шаманов]

или даже join'oм

[Антон Шаманов]

Insom84, а я что сделал?

[Insom84]

Антон Шаманов, мне нужно, чтобы у каждой textarea было свое значение name, а выводилось сюда:
$('.t744 select:eq(1) option:selected').val(dopserv);//Размер то, в котором написан текст.
Просто изначально было так:
var dopserv = $('textarea[name="dopservice"]').val();
$('.t744 select:eq(1) option:selected').val(dopserv);//Размера у всех 4 textarea одинаковый name, но так информация передается только с первой, а с других нет, почему то. Я плох в js(

[ProjectSoft]

Insom84, оно или нужна сумма value значений со всех textarea?

[Антон Шаманов]

Insom84, $('textarea') возвращает ВСЕ элементы соответствующие условию$('textarea').serializeArray()

[Insom84]

Антон Шаманов, я разобрался, все гораздо проще,
вот так работает (если всем задать разные переменные):
$('.t744select:eq(1)option:selected').val([dopserv,dopserv1,dopserv2,dopserv3]);
но как скрыть запятые которые высвечиваются?

[Антон Шаманов]

Insom84, конечно проще, пока их у тебя не 10, 100, 1000... учись делать как надо, а не как "короче"/"мне так проще". заодно вникни в мой предыдущий коммент

[Insom84]

Антон Шаманов, Антон а запятые то как убрать?

[Антон Шаманов]

Insom84, https://javascript.ru/String/replace

Answer 2

[Sergey]

в переменную приходило значение из той textarea в которой ввели значение

<textarea class="s" name="s[]" cols=30 rows=1>11</textarea>
<textarea class="s" name="s[]" cols=30 rows=1>22</textarea>
<textarea class="s" name="s[]" cols=30 rows=1>33</textarea>
<button class="go">start</button>

console.log(arValues);
});

$('.go').on('click', function() {
  let arValues = [];
  $('.s').each(function() {
    arValues.push($(this).val());
  });
  
  console.log(arValues);
});

let someData = '';
$('.s').on('input', function() {
  someData = $(this).val();
  console.log(someData);
});

если нажать кнопку то выведет:
["11", "22", "33"]

если просто поменять значение в одном из textarea,
то в переменную someValue будет передано то, что в textarea