Search with list/menu

tommytomato · 04-02-2010, 12:53 AM

Hi all

I would like to be able to search 3 sites by entering what you want to search for then click a site from the menu/list and click search

I've created the form OK, here's the problem, I can't seem to find a tutorial that shows me how to add in the urls to point to each site after you did a search

any ideas please.

here's what I've done http://linux.rockinghamgateway.com/t...rch/index.html

Code:

<form method="get"> 
<table border="0" width="260">
<tbody>
<tr style="text-align: left;">
  <th width="204" scope="col"><input id="query" name="query" size="22" type="text" /></th>
<th width="46" rowspan="2" scope="col"><img src="System-Internet-Search-icon.png" alt="Search Site" width="32" height="32" border="0" align="middle" /></th>
</tr>
<tr>

  <td><label>
    <select name="select">
      <option value="1">Gallery Images</option>
      <option value="2">Forums Topics</option>
      <option value="3">Search Sphider</option>
    </select>
  </label>

    <input name="submit" type="submit" value="Search" /></td>
</tr>
</tbody>
</table>
</form>

audiodude · 04-02-2010, 08:25 AM

So you want it so that when the form submits, it searches the site you selected right?

Basically you want to ditch the submit button and put a

Code:

<button onclick="submitSearch()">Submit</button>

Then in the submitSearch function, you look at the value of the select and swap in the proper:

Code:

function submitSearch() {
  var theForm = document.getElementById('searchForm');
  var whichSite = document.getElementsByName('select')[0].value;
  if(whichSite == 1) {
    theForm.action = 'http://gallery-images.com/search/thisurlisfake'
  } else if(whichSite == 2) {
    ...
  }

  theForm.submit()

Remember to add id="searchForm" to the form tag at the top of your code.