Если инициализировать переменную d
, которой присвоить document
, если вызвать фунцкию save()
и сделать вывод в консоль, то всё замечтательно работает:
(function() {
var d = document,
inp = d.getElementsByClassName('field'),
mas = [];
function save() {
for (var i = 0; i < inp.length; i++) {
mas[i] = inp[i].value;
}
console.log(mas);
}
save();
})();
<input type="text" class="field" value="a" />
<input type="text" class="field" value="b" />
<input type="text" class="field" value="c" />
P.S. Кстати, я бы рекомендовал использовать querySelector
/querySelectorAll
вместо getElementsByClassName
и добавлять элементы в массив методом push()
, хотя, это второстепенно
UPD
а если такие инпуты добавлять блоками
Вы б уже всё нам рассказали, а то "если" могут не закончится.
var arr = [].map.call(document.querySelectorAll('.input_block'), function(block) {
return [].map.call(block.querySelectorAll('.field'), function(inp) {
return inp.value;
});
});
console.log(arr);
<div class="input_block">
<input type="text" class="field" value="a1">
<input type="text" class="field" value="b1">
<input type="text" class="field" value="c1">
</div>
<div class="input_block">
<input type="text" class="field" value="a2">
<input type="text" class="field" value="b2">
<input type="text" class="field" value="c2">
</div>
save()
как вызываете?for
, после присвоенияmas[i]