JavaScript form input loop help

Question

I have a form that currently only parses the first input variable in the POST. I have had to add multiple variables, so I would like the function to loop through and grab all the input parameters and add to the POST

Here's the working code for grabbing the first name and value.... How can I get it to check the form and grab all custom name's and variables.

example here

// dynamically add key/value pair to POST body
function read_custom_param(){
var nameEl = document.getElementById("custom_name");
var valueEl = document.getElementById("custom_value");

// save custom param name and value
var cust_param_name = nameEl.value;
var cust_param_value = valueEl.value;

// remove old custom param form elements
if (valueEl.parentNode && valueEl.parentNode.removeChild){
         valueEl.parentNode.removeChild(valueEl);
}
if (nameEl.parentNode && nameEl.parentNode.removeChild){
         nameEl.parentNode.removeChild(nameEl);
}

// add new custom param form elements
var el=document.createElement("input");
el.type="text";
el.name=cust_param_name;
el.value=cust_param_value;
document.getElementById("dcapiform").appendChild(el);
}

Kind Regards, Chris

Easy way is add a class to all the elements and iterate over elements grabbed from the class values. Alternative is grab jQuery and just do $('form#id').serialize() — meder omuraliev
– meder omuraliev, Commented Aug 7, 2010 at 2:11
jquery not an option to keep the form in its most basic form. heres the example that isnt working for me: redro.com.au/projects/navTest/cust-params_POST.html — chris
– chris, Commented Aug 7, 2010 at 3:05
The functional requirement is hard to understand. What do you want to do? — BalusC
– BalusC, Commented Aug 7, 2010 at 3:32

Ayyash · Accepted Answer · 2010-08-07 11:17:39Z

1

for whatever purpose ur trying to send ambiguous field names to the server, here is what ur looking for (u should consider a smarter way, may br processing on the server side instead)

var elems = document.getElementsByTagName("input");
var arr = [];
for (var i = 0; i<elems.length; i++){
    if (elems[i].type != "text") continue;
    if (elems[i].name.indexOf("custom_name") < 0) continue;
    var index = parseInt(elems[i].name.substring(11)); // you should rename custom_name to custom_name1, and so for custom_value

    arr[arr.length] = elems[i].value+"=" + elems["custom_value"+index].value;
}
document.forms[0]["passedITems"] = arr.join(",");
docmentt.forms[0].submit();

on your server side, read "passedItems", and split by ",", you get an array of "name=value", split again on "=" you get a sub array of name, and value

edited Aug 7, 2010 at 11:17

answered Aug 7, 2010 at 11:01

Ayyash

4,4299 gold badges42 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JavaScript form input loop help

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related