Note - The getElementsByName

webwiz — Tue, 05 Apr 2011 04:26:36 +0000

Note - The getElementsByName method works differently in different browsers.

In Internet Explorer and Opera, it searches and returns the elements matched by id and name attributes.
In Firefox, Google Chrome and Safari, only elements with matching name attributes are returned.

- Another difference is case-sensitivity.

In Firefox, Opera, Google Chrome and Safari, the getElementsByName method is case-sensitive for the value of the name (and the id in Opera) attribute.
In Internet Explorer, it is not case-sensitive for the value of the id and name attributes.

I finally solved the problem

AustInsane — Mon, 04 Apr 2011 03:00:51 +0000

I finally solved the problem with getElementsByName, but thank you.

function valAdd()      {
      var e=document.getElementsByName("addpts");

 for(var i=0;i<e.length;i++){e[i].value = Number(e[i].value) + Number(1);}
}
function valSubtract()      {
      var e=document.getElementsByName("addpts");

 for(var i=0;i<e.length;i++){e[i].value = Number(e[i].value) - Number(1);}
}

"addpts" is the field I was trying to change in each form. The only problem is that it changes the addpts field in all forms instead of the particular form I'm trying to tweak. It still works though.

You could create a function

teammatt3 — Mon, 04 Apr 2011 02:40:00 +0000

You could create a function that takes the amount to adjust by and the form id number:

function changePtsOnForm(amount, form_id){
    var form_field = document['myForm' + form_id].addpts;
    form_field.value = Number(form_field.value) + amount;
}

Then you can call it like:

changePtsOnForm(1, 1); 
changePtsOnForm(-1, 1);

If you posted some of your HTML (where these JavaScript functions are called), I could probably simplify the code even more.