How to auto refresh the page when user select in a select box ???

[airwinx]

Hi all,
i am new to javascript and would like to learn more. I face some problem in select box option. I am a php and mysql programmer but come javascript I am idiot.

I need some solution:
I am designing an inventory system for one of my project, I have 2 select box in one page. User will have to select the item in the 1st select box to categorize out their option and display in second select box. Or else second select box will not show any information. In php user will have to press the submit button in order to show the second option. Now I want the second select box to show the information instantly to the user that the user doesn;t need to press any button.
FYI, the second select box will query the data from mysql database.

I hope someone there could help me with this.


regards
airwinx

[RKZA]

Hi airwinx,
I would not recommend refreshing the page, to dynamically generate more options. Its not very userfriendly to see the page flash on refresh, and make the browser do more work than is should. Yyou should look further in to AJAX's were you can set up an xmlHttpRequest().
So basically you send a server request using javascript for a file. It will make your application feel more responsive and improve usability.
To get a basic understanding go to, http://en.wikipedia.org/wiki/AJAX.
But theres loads of information, just search the web with "Ajax's xmlhttprequest".

But anyway, How to refresh the page with the select element, see below
history.go(), will refresh the page, to go backward, .go(-1) or .Back().
[HTML]<select name="theChange" onchange="history.go()";>[/HTML]

Hope this helps you.
R.K.