Установить файлы cookie для элементов формы

Question

Я пытаюсь принимать значения от a, а затем и когда они отправляются, превращают значения в файлы cookie. Это то, что у меня есть, но я хотел знать, есть ли способ сделать это, поэтому мне не нужно было писать одно и то же для всех переменных.

function submitValues(){ 

var firstName = document.forms["frm1"]["first_name"].value; 
var lastName = document.forms["frm1"]["last_name"].value; 
var number = document.forms["frm1"]["phNum"].value; 

setCookie("firstName",firstName,365); 
setCookie("lastName",lastName,365); 
setCookie("number",number,365); 
} 

Answer 1

Если вы хотите установить куки для всех элементов формы, используйте DOM2 form.elements collection:

var els = document.forms.frm1.elements; 
for (var i=els.length;i--;){ 
    setCookie(els[i].name, els[i].value, 365); 
} 

Если вы хотите только конкретные, а затем написать свой код так:

var els = document.forms.frm1.elements; 
var cookiesToSet = ['first_name','last_name','phNum']; 
for (var i=cookiesToSet.length;i--;){ 
    var name = cookiesToSet[i]; 
    setCookie(name, els[name].value, 365); 
} 

В вышеприведенном els[name] эквивалентно document.forms.frm1.elements[name].

В общем, каждое свойство каждого объекта в JavaScript доступно либо через «точечную нотацию» (foo.bar), либо в виде «скобки» (foo["bar"]). Вы должны использовать последнее, если имя свойства не является допустимым идентификатором (foo["names[]"] или foo["12 freakin' whales!"]) или при построении имени свойства из переменной (foo[name] или foo["item"+i]).

Answer 2

Вы могли бы сократить его до некоторой степени, сохраняя ссылку на форму в переменной, например, так:

var form = document.forms["frm1"]; 

var firstName = form["first_name"].value; 
//...and so on 

Или сократить его еще больше, обернув через все <input> элементы в виде:

var formInputs = document.forms["frm1"].getElementsByTagName("input"); 
for (var i=0;i<formInputs.length;i++) { 
    setCookie(formInputs[i].name, formInputs[i].value, 365); 
}