[Resolved] How can you tell when a user has chosen an item from a drop down list?

[Phrank]

I have this form I put up and it has 1 drop down box populated with customer codes from a mysql database. Works great so far.

Now when the user selects a code from the list I want to call the same page with the customer code set and then I can fill the rest of the page/form with data from the mysql database about that customer.

If a selection has not been made all you see it the esentially the drop down list. When chosen I want to populate the rest of the page.

Do I use ISSET with the drop down list var name in a function? That is they you can use submit buttons right?

I assume that when I return to the same script that the var is set via the post method.

I guess I am trying to use the drop down list like a submit button. Is that possible?

Any guidance would be greatly appreaciated.

🙂

[LordShryku]

It's javascript. You'd just set an onchange event in the select box.

<select name="blah" onchange="document.forms[0].submit();">

[lukatchikm]

Phrank,

I was working on something similar. Once you create your drop down, you can select a choice from the menu when it's populated.

My menu differs in a way that when an option is chosen, you must manually click the 'Sumit' button...

LordShryku is on target with his posts.

If you want to include an 'auto-direct' function for your menu, you can try something like this, also...

<form method =get>
<script LANGUAGE='JavaScript'>
<!--
function loadPage(list) {
if (list.selectedIndex > 0) {
location.href=list.options[list.selectedIndex].value}
}
// -->
</script>
<SELECT name='location' onChange='loadPage(this)'>

// Here you would populate your drop-box with items from the database...

</form>

If you need help in taking that drop-box selection and populating that record's fields into editing fields with your next form, I can help you.

Also, look through my previous posts for the week if you're having any troubles.

Good luck, Mike

[Phrank]

<select name=PrincipalCode onChange="go()">
<option value=0>Choose a Principal
<?=$options ?>
</option>
</select>

---

<script language="javascript">
<!--
function go()
{
location=
document.HomePage.PrincipalCode.
options[document.HomePage.PrincipalCode.selectedIndex].value
}
//-->
</script>

Works great. I make the select otions a hyper link with a ?PrincipalCode=....

Kinda like that javascript now. Took a day of reading and am able to add javascript in pretty easily for the above and validating input fields etc.

thanks for your advice.