Passing pre-selected values to a pulldown menu

FreeBASE · Sep 13, 2002

Lets say I have a database.. I also have an HTML form to add/edit the database.. If a user already has data in the database then the form should already be filled out with the data on load. This means the text field values, radio button values, and of course pulldown menu's.

EXAMPLE::

If the database value of the pulldown menu for "country" is "AK" then the pulldown will have "Arkansas" already selected for the user.

If the database value of the pulldown menu for "country" is "AL" then the pulldown will have "Alabama" already selected for the user.

If there is no value in the database for "country" then the pulldown menu will not have any pre-selected values.

So basically what i am trying to do is create a javascript that can accomplish this. I am using a template system to fill out the javascript values and got it to work with radio buttons and text fields. I just can get it to work with pulldowns.

This is the form I am using:

<body onload=FillOutOptions()

<form name=theForm>
<select name=country>
<option value="">
<option value="AL">Alabama
<option value="AK">Alaska
<option value="AS">Am. Samoa
</select>

This is what currently works..

<script language="javascript">

</script>

Just need it to work with pulldowns...

kim1234 · Sep 13, 2002

Try this:

----

Code:

for (i=0;i<document.theForm.country.length;i++){
   	if (document.theForm.country.options[i].value==<%TEMPLATE VALUE FOR COUNTRY%>){
		document.theForm.country.options[i].selected= true
		i=document.theForm.country.length
		}
	}

---------

What it's doing:
1. Loop through all the <option>s in the drop-down list.
2. Check if the current option's value is equal to the COUNTRY value stored in the database.
3. When you find the right option based on the value, set the "selected" property to true, and exit the loop.

Note: The "selected" value in the drop down will show in the drop-down box, but will not be "highlighted". It will be used as the value when the form is submitted.

Hope this helps. Ciao, K

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Passing pre-selected values to a pulldown menu

FreeBASE

Programmer

kim1234

Programmer

Similar threads

Part and Inventory Search

Sponsor