Question

I have a long form and trying to get the loop done. but i am not sure how to
check for options (dropdown) and radio type’s, if exist, select the checked or selected and put it in the array.

Is there a better way to construct it?
and when the loop is done, to pass the var for sending it in ajax?

Answer 1

var parameters = "";
var form = document.getElementById("someForm");
for(var i = 0; i < form.elements.length; i++){
    if(form.elements[i].value) {
        if(form.elements[i].type == "text" || form.elements[i].type == "select-one" || form.elements[i].type == "hidden")
            parameters = parameters + '&' + form.elements[i].name+'='+escape(form.elements[i].value);
        if((form.elements[i].type == "radio" || form.elements[i].type == "checkbox") && form.elements[i].checked)
            parameters = parameters + '&' + form.elements[i].name+'='+form.elements[i].value;
    }
}

I generally use something like this, if I need to ajax a form.
Simply append parameters to the end of your ajax request.