Javascript calculations

miseria · 08-15-2007, 01:17 PM

Hi, I'm looking for a way to calculate a set of dropdown lists. Eg:

HTML Code:

<select name="dd[0]">
<option value="+21">Value</option>
<option value="-21">Value</option>
</select>

Any help is appreciated.

Thanks

Matthew. · 08-15-2007, 02:11 PM

Hi,

Can you elaborate a bit more please? You have the select there so I'm guessing you want to take the value of that and use it in a calculation but without more information I can't really provide much help.

As a tip, you can give the select an id and use it like this:

Code:

select = document.getElementById('selectid');
document.write(100 - select.value);

miseria · 08-15-2007, 02:20 PM

Sorry, I was a bit rushed. Basically, I want to add the values of 5 dropdown boxes: dd[0], dd[1], dd[2], etc. and then display the calculated value in a div using innerHTML.

guillermobt · 08-16-2007, 11:41 AM

Code:

<script language="javascript">
//GLOBAL Var.
var maxIndex= 5; //Put the # of form fields (takes in mind it starts numbering with the 0)


///////////////////////////////////////
function Sumatory (f, numFields) {
///////////////////////////////////////
  var sumatory= 0;
  for (k=0; k < numFields; k++) {
    theValue= f.dd[k].value;
    if (!(isNaN(theValue))) {
      sumatory+= parseInt(theValue);
    }
  }
  //return (sumatory);
  document.getElementById('visor').innerHTML= sumatory;
}

</script>

Add a DIV with ID="visor" somewhere in your code:

Code:

<div id="visor"></div>

Add a button in your form, something like this:

Code:

<input type="button" value="Add values"
  onClick="Sumatory (this.form, maxIndex)">

I personally would use Prototype library (www.prototypejs.org) to access DOM elements in a much powerful way. Once you use it, you'll love it.

Couldn't test the code, so I hope not to have made a syntax error or something like that.

Regards.

08-15-2007, 01:17 PM	#1 (permalink)
miseria SQLdumpster.com Join Date: Jun 2005 Location: West Sussex, UK Posts: 545 205.50 NP$ (Donate)	Javascript calculations Hi, I'm looking for a way to calculate a set of dropdown lists. Eg: HTML Code: <select name="dd[0]"> <option value="+21">Value</option> <option value="-21">Value</option> </select> Any help is appreciated. Thanks __________________ !!!!!!! see something you like? Accepting offers for great affiliate websites !!!!!!! Free Databases for your Website \| All Things Playstation 3 Website Design Books \| Music While You Work? \| Computer Gadgets

08-15-2007, 02:11 PM	#2 (permalink)
Matthew. Stud Sausage Join Date: Dec 2006 Location: England Posts: 1,546 34.41 NP$ (Donate)	Hi, Can you elaborate a bit more please? You have the select there so I'm guessing you want to take the value of that and use it in a calculation but without more information I can't really provide much help. As a tip, you can give the select an id and use it like this: Code: select = document.getElementById('selectid'); document.write(100 - select.value); __________________ My NamePros Tools (firefox plugin, google gadget etc)

08-15-2007, 02:20 PM	#3 (permalink)
miseria SQLdumpster.com Join Date: Jun 2005 Location: West Sussex, UK Posts: 545 205.50 NP$ (Donate)	Sorry, I was a bit rushed. Basically, I want to add the values of 5 dropdown boxes: dd[0], dd[1], dd[2], etc. and then display the calculated value in a div using innerHTML. __________________ !!!!!!! see something you like? Accepting offers for great affiliate websites !!!!!!! Free Databases for your Website \| All Things Playstation 3 Website Design Books \| Music While You Work? \| Computer Gadgets

08-16-2007, 11:41 AM	#4 (permalink)
guillermobt NamePros Member Join Date: Sep 2005 Posts: 147 420.00 NP$ (Donate)	Code: <script language="javascript"> //GLOBAL Var. var maxIndex= 5; //Put the # of form fields (takes in mind it starts numbering with the 0) /////////////////////////////////////// function Sumatory (f, numFields) { /////////////////////////////////////// var sumatory= 0; for (k=0; k < numFields; k++) { theValue= f.dd[k].value; if (!(isNaN(theValue))) { sumatory+= parseInt(theValue); } } //return (sumatory); document.getElementById('visor').innerHTML= sumatory; } </script> Add a DIV with ID="visor" somewhere in your code: Code: <div id="visor"></div> Add a button in your form, something like this: Code: <input type="button" value="Add values" onClick="Sumatory (this.form, maxIndex)"> I personally would use Prototype library (www.prototypejs.org) to access DOM elements in a much powerful way. Once you use it, you'll love it. Couldn't test the code, so I hope not to have made a syntax error or something like that. Regards. __________________ technfo.com - pick.pk - ajaxpro.es - gbt.es - jamones.cn - sqzd.com - geoinfo.net Free URL Redirection (for sale) (62,000+ subdomains and growing!!) Real IP / Proxy IP Last edited by guillermobt; 08-16-2007 at 11:45 AM. Reason: add a parseInt!

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)