как хранить значения текстового поля в массиве с помощью jquery?

У меня есть два текстовых поля с одним и тем же именем control_text но их значения разные. Я хочу сохранить все значения моего текстового поля в массиве с помощью jQuery.

HTML

 <input type="text" name="control_text" placeholder="Text Label Image" class="required" id="control_text" value="firstvalue" /> <input type="text" name="control_text" placeholder="Text Label Image" class="required" id="control_text" value="secondvalue" /> 

JavaScript

 var test_arr = $("input[name='control_text']"); $.each(test_arr, function(i, item) { // i = index, item = element in array alert($(item).val()); }); 

Вышеприведенный код отображает значения текстовых полей отдельно. Я не хочу уведомлять эти значения отдельно, я хочу оповестить обоих сразу с разделителем запятой, аналогичным (firstvalue, secondvalue) . Любая помощь приветствуется.

Использовать метод map() :

 var arr = $("input[name='control_text']").map(function() { return this.value; }).get(); 

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

 var newArray = []; $( "input[name='control_text']" ).each(function() { newArray.push($( this ).val()); }); console.log(newArray); 

вы также можете достичь этого, используя функцию .each.