calculating dynamic field names

Question

no1uknow 0 Newbie Poster

19 Years Ago

I have several fields being updated for a parking structure... The client inputs the number of cars and can immediately see the percentage before updating the database....

The field names always change so I need the JavaScript to be able to pick up the unique field names calculate and place into the total field box...

I found this code online, but I need to do this dynamically for hundreds of lots...

So basically I have a field name and an ID number identifying the 3 related fields...

Here's an example that works for one lot:

<HEAD>

<!-- Begin
function startCalc(){
interval = setInterval("calc()",1);

}
function calc(){
one = document.autoSumForm.firstBox.value;
two = document.autoSumForm.secondBox.value;
document.autoSumForm.thirdBox.value = (one * 1) / (two * 1);

}
function stopCalc(){
clearInterval(interval);
}
// End -->
</script>
</HEAD>

<BODY>

</BODY>

Here is an example of what I need, notice there is an ID number after each field name....

javascript

3 Contributors
2 Replies
143 Views
4 Years Discussion Span
Latest Post 15 Years Ago Latest Post by accountholder

senexom 1 Junior Poster in Training

19 Years Ago

You need to loop through a series of texboxes, right?

so something like this should work to get the value of your textboxes...

for(i=0; i<document.forms[0].elements.length; i++){
   if(document.forms[0].elements[i].type == 'text')
      var elName = document.forms[0].elements[i].name;
      var elValue = document.forms[0].elements[i].value;
       // Display element name and value
      alert(elName +' = '+ elValue)
   }
}

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

accountholder 0 Newbie Poster · Answer 1 · 2009-09-07T11:56:47+00:00

You need to loop through a series of texboxes, right?

so something like this should work to get the value of your textboxes...

for(i=0; i<document.forms[0].elements.length; i++){
   if(document.forms[0].elements[i].type == 'text')
      var elName = document.forms[0].elements[i].name;
      var elValue = document.forms[0].elements[i].value;
       // Display element name and value
      alert(elName +' = '+ elValue)
   }
}

Hi, thanx for this solution it's near to fix my same problem too...

I have this (php dynamic fields):

<input name="itemID[]" value="<?=$row[id]?>" /><input name="price[]" value="<?=$row[price]?>" /><input name="qty[]" value=""  onFocus="startCalc();" onBlur="stopCalc();" /><input name="subtotal[]" value="" />