Learning : Loop to list all dropdown box values on a form

Nick Calladine · Jun 15, 2005

Learning : Loop to list all dropdown box values on a form

Can some one point me in the right direction :

I have a form which I want to loop through

I basically want to get all the selected values of the option tag

see example below

<select name=itemname3 size="1"
onchange="calculatetotal(document.myform)">
<option value="2800 {466.73}" selected>2800 AMD 64 </option>
<option value="3000 {478.18}">3000 AMD 64</option>
<option value="3200 {505.20}">3200 AMD 64</option>
<option value="3400 {515.14}">3400 AMD 64</option>
<option value="3700 {617.14}">3700 AMD 64</option>
</select>

so i want to be able to read the option value ("2800 {466.73)") of the
string if it has been selected or is the default value.

The selectname of the dropdown boxes are all labeled itemname and increment
from 3 to variable x

heres my code so far

function caculatetotal(frm)
var order = 0
var counter = 0
for (counter=0 ; counter <frm.element.length; ++x) {
form_field=frm.elements[counter]
form_fieldname = form_field.name
if (form_fieldname.substring(0,8) == "itemname") {

}
}
}

so i basically need to start the loop to detect itemname3 onwards.. but not
too sure how to do this...

anyhelp would be appreciated.

thanks

Nick Calladine · Jun 15, 2005

------------ SAMPLE CODE -------------

<select id="itemname0">.. options ..</select>
<select id="itemname1">.. options ..</select>
<select id="itemname2">.. options ..</select>
<select id="itemname3">.. options ..</select>
<select id="itemname4">.. options ..</select>
<select id="itemname5">.. options ..</select>

<script>

function caculateTotal()
{
for( var i = 0; i <= 5; i++ )
{
var eSelect = document.getElementById("itemname" + i)
if( eSelect != null )
{
alert( eSelect.value );
}
}
}

</srcipt>

Hi Andy

Well i am sorry i been playing with this code all day long trying to get it
to work.. these are my first few days in javascript but i can get rid of the
error
here my code

it basically reports

Line:28
Char:1
Code:0
Error:Object expected

which points to the select line <select id="itemname0" name="processors"
size="1" onchange="total()">

can you help is it me ... aarrghh

Nick

<script>

function caculateTotal()
{
for( var i = 0; i <= 5; i++ )
{
var eSelect = document.getElementById("itemname" + i)
if( eSelect != null )
{
alert( eSelect.value );
}
}
}

</script>
</head>

<body>

<select id="itemname0" name="processors" size="1" onchange="total()">
<option value="No Processor {0.00}">Select Processor</option>
<option value="2800 {466.73}">2800 AMD 64</option>
<option value="3000 {478.18}">3000 AMD 64</option>
<option value="3200 {505.20}">3200 AMD 64</option>
<option value="3400 {515.14}">3400 AMD 64</option>
<option value="3700 {617.14}">3700 AMD 64</option>
</select> Processor Options <br>

</body>

Nick Calladine · Jun 15, 2005

it the words of homer simpson

DOH

thanks andy... (works a teat now....)

Stephen Chalmers · Jun 15, 2005

Nick Calladine said:
Learning : Loop to list all dropdown box values on a form

Can some one point me in the right direction :

I have a form which I want to loop through

I basically want to get all the selected values of the option tag

see example below

<select name=itemname3 size="1"
onchange="calculatetotal(document.myform)">
<option value="2800 {466.73}" selected>2800 AMD 64 </option>
<option value="3000 {478.18}">3000 AMD 64</option>
<option value="3200 {505.20}">3200 AMD 64</option>
<option value="3400 {515.14}">3400 AMD 64</option>
<option value="3700 {617.14}">3700 AMD 64</option>
</select>

so i want to be able to read the option value ("2800 {466.73)") of the
string if it has been selected or is the default value.

The selectname of the dropdown boxes are all labeled itemname and increment
from 3 to variable x

heres my code so far

function caculatetotal(frm)
var order = 0
var counter = 0
for (counter=0 ; counter <frm.element.length; ++x) {
form_field=frm.elements[counter]
form_fieldname = form_field.name
if (form_fieldname.substring(0,8) == "itemname") {

}
}
}

It's not clear in what form you want the data, or what if any operation you want to perform within the loop that
accesses it.
To take the subject line literally, the following minimum change to your presented code, alerts a list of specified
selected elements.
document.getElementById is not always available, so should not be used for accessing form elements.

function caculatetotal(frm)
{
var order = "";

for (var i=0 ; i < frm.elements.length; i++)
if (frm.elements.type=='select-one' && frm.elements.name.substring(0,8) == "itemname")
order += frm.elements.options[frm.elements.selectedIndex].value+"\n";

alert( order );

return order;
}

caculatetotal( document.forms['myform'] );

reading a value from a dropdown box on a form	9	Jun 14, 2005
Submitting a form depending on the select box answer	2	Jun 13, 2007
Parsing returned values from a multiple selection list in a form	1	Jan 5, 2007
creating a for loop to detect how many selects are on form	5	Jun 16, 2005
Is there any way to have a dropdown list with non-unique values?	1	May 12, 2005
How to pass a code of a list box to a processing form	15	Mar 1, 2006
Using Microsoft.XMLHTTP causes all GET values to revert to "0"	3	Jul 25, 2005
How to retrieve values of dynamically added web controls on the form??	1	Jul 26, 2004

Learning : Loop to list all dropdown box values on a form

Nick Calladine

Nick Calladine

Nick Calladine

Stephen Chalmers

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads