Как получить значения массива скрытых полей?

Question

У меня есть несколько скрытых полей формы

<input type="hidden" class="mail-contacts" name="to[]" value="abc1"> 
<input type="hidden" class="mail-contacts" name="to[]" value="abc2"> 
<input type="hidden" class="mail-contacts" name="to[]" value="abc3"> 

Количество скрытых полей может быть различным для разных случаев. Как я могу получить значения этих скрытых полей? Поскольку это массив поэтому не может получить его с

document.getElementById('') 

Мне нужно, чтобы получить значение этих скрытых полей, а затем передать его в качестве параметра запроса. Пожалуйста, помогите мне. Как я могу это сделать?

Answer 1

document.getElementsByName("hiddenfieldsname") 

использование выше функции, это Виль вернет вам массив элементов с таким же именем

Answer 2

Вы могли бы сделать что-то вроде этого:

var array = getElementsByClassName("mail-contacts"); 
for(i = 0; i < array.length; i++) { 
    array[i] 
} 

Answer 3

Я представляю себе что-то, как это должно работать ...

var values = [], 
    inputs = document.querySelectorAll('input[type="hidden"].mail-contacts'); 

for (var i = 0; i < inputs.length; i++) { 
    values.push(inputs[i].value); 
} 

Вы можете использовать любой селектор запросов. Например, если вы хотите, чтобы все скрытые входы с именем to[]

var searchName = 'to[]'; 

inputs = document.querySelectorAll('input[type="hidden"][name="' + searchName + '"]'); 

Answer 4

JQuery:

<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'> 
<script type='text/javascript'> 
    var lst_to = []; 
    $("input:hidden.mail-contacts").each(function() { 
     lst_to.push($(this).val()); 
    }); 
    var str_query = "?to=" + lst_to.join(); 
</script> 

jsFiddle

Answer 5

Если вы используете JQuery, попробуйте следующее:

var arrayValues = $('input:hidden.mail-contacts').map(function(){ 
         return $(this).val() 
        }).get();