HTML Multiple selects

[tonyyeb]

Hi all

What i'm after is probably some javascript to do the following:

Select one will have for example:

Fruit
Veg
Meat

And if you choose Fruit a second select next to it (on the same page that requires no reloading or POST of the same page - popup might be ok) will be populated with Apple, Orange etc... and if you choose Veg it says Potato, Carrot etc..

Thanks in advance

 

[tonyyeb]

But i don't want the user to click submit before the second select is populated.

 

[tonyyeb]

So disable the submit button and onchange on the second select list, enable it

Got any example code that would do that?

Thanks

 

[tonyyeb]

I'm not sure I understand what you are after anymore? If you were to create the second list with a default value, and then check on submit that it was different to the default value, would that not serve your purpose? Apologies if I'm being thick, but if that's not what you meant then I'm confused!

I don't want to submit the form until the WHOLE form is complete not just the selects. Otherwise I will have to update the resulting record in the database twice.

 

[tonyyeb]

http://www.mattkruse.com/javascript/dynamicoptionlist/

You're welcome

Spot on! Great stuff. Many thanks.