need some help with my search box please ...

teamv · August 30th, 2006, 05:18 PM

Hi all, i would like some help with something if you would be so kind. I posted this in the php thread but was told (on another forum) that it is a javascript solution thats needed.
"make the onchange event of your select box call a js function that validates the selected value, changes the action of the form, and submits"
Basically,
I have this search box in my header ..

With this code.
<div style="padding:5px;">
<form method="get" action="http://www.xxxxxxx.com/yyyyyy/">
<table style="width:50%;" cellpadding="5">
<tr>
<td style="vertical-align:top;font-size:9pt;">
input type="text" value="search ..." id="search" onkeyup="searchSel()">
<SELECT id="groups">
<option value="">Select:</option>
<option value="user">Users</option>
<option value="event">Events</option>
<option value="gallery">Gallery</option>
</select>
<input type="submit" value="Go" class="mainmenu66" onmouseover="this.className='mainmenu77';" onmouseout="this.className='mainmenu66';"
</div>
</td>
</tr>
</table>
</form>

And am trying to do 2 things.
1. Remove the 'go' button, and have it execute the search when the user selects an option from the drop down box.
2. The 'action' of the form to goto a different place depending on the users selection within the drop down box -
So; if they select 'Users'.. it goes to xxxxxx.com/searchusers, if they select events it goes to xxxxx.com/searchevents etc.
Can anyone give me some ideas/code as to how i can implement this, Or, if anyone has some example code or something to help me along that would be awesome too? Have't had much luck with google when i searched for stuff ... my javascript knowledge is limited to a single university assignment so not very good, but not 100% noob .. just 90% hehe

.
Thanks to any and all who input into the thread

Ric

ukgeoff · August 31st, 2006, 06:46 AM

Try this:

1. Initially have the action attribute empty - action=''.

2. Set up an 'onchange' function for your select box, e.g., 'onchange = gosearch();'.

3. Within this function do:
.... check for the value selected
.... set action accordingly using - document.form.action = 'actionrequired';
.... submit using - document.form.submit();