HTML - Dropdown List Search Form Assistance

I am trying to make two drop down list boxes (each with a "Enter" button), but I can't get them both to work. The second list box works fine, but the "Enter" button from the first box uses the selection of the second box as its reference. Does anyone know why this is happening? Below is the code that I am using.

Code:

</ br>
<h1 style="text-align: center;">View Routes</h1>
<p style="text-align: center;">Browse By Location:</ br><script type="text/javascript">
function submitForm() {
var list = document.navList.subMenu;
var page = list.options[ list.selectedIndex ].value;
if (page != "home")
window.location = page;
return false;
}
</script>

<form style="text-align: center" name="navList" onsubmit="return submitForm();">
<select name="subMenu">
<option value="home"> </option>
<option value="http://climb-utah.modern-graphix.com/bryce-national-park">Bryce National Park</option>
<option value="http://climb-utah.modern-graphix.com/capitol-reef-national-park">Capitol Reef National Park</option>
<option value="http://climb-utah.modern-graphix.com/cedar-mesa">Cedar Mesa</option>
<option value="http://climb-utah.modern-graphix.com/escalante-grand-staircase">Escalante Grand Staircase</option>
<option value="http://climb-utah.modern-graphix.com/lake-powell-area">Lake Powell Area</option>
<option value="http://climb-utah.modern-graphix.com/miscellaneous">Miscellaneous</option>
<option value="http://climb-utah.modern-graphix.com/moab-area">Moab Area</option>
<option value="http://climb-utah.modern-graphix.com/robbers-roost">Robbers Roost</option>
<option value="http://climb-utah.modern-graphix.com/san-rafael-swell">San Rafael Swell</option>
<option value="http://climb-utah.modern-graphix.com/wasatch-mountains">Wasatch Mountains</option>
<option value="http://climb-utah.modern-graphix.com/uinta-mountains">Uinta Mountains</option>
<option value="http://climb-utah.modern-graphix.com/valley-of-fire">Valley Of Fire</option>
<option value="http://climb-utah.modern-graphix.com/zion-national-park">Zion National Park</option>
</select>
</ br>
<input type="submit" value="Enter" />
</form>

<p style="text-align: center;">Browse By Category:</p><script type="text/javascript">
function submitForm() {
var list = document.navCat.subMenuCat;
var page = list.options[ list.selectedIndex ].value;
if (page != "home")
window.location = page;
return false;
}
</script>

<form style="text-align: center" name="navCat" onsubmit="return submitForm();">
<select name="subMenuCat">
<option value="home"> </option>
<option value="http://climb-utah.modern-graphix.com/family-fun">Family Fun - Easy</option>
<option value="http://climb-utah.modern-graphix.com/weekend-warrior">Weekend Warrior - Moderate</option>
<option value="http://climb-utah.modern-graphix.com/hardcore">Hardcore - Difficult</option>
<option value="http://climb-utah.modern-graphix.com/technical">Technical - Highly Skilled</option>
<option value="http://climb-utah.modern-graphix.com/adventure-tales">Adventure Tales - Stories</option>
<option value="http://climb-utah.modern-graphix.com/video-audio-clips">Video & Audio Clips</option>
<option value="http://climb-utah.modern-graphix.com/other-stuff">Other Stuff</option>
</select>
</ br>
<input type="submit" value="Enter" />
</form>

Hello all,

I have created a dropdown list in a form using the <select> tag.
My question is, is there any way to have that dropdown list display a different <option> as the default option when the page loads? The default option right now is always whatever option is the first one in my code.

EX.
<select>
<option value="1">1</option> //by default this first option shows up on page load
<option value="2">2</option>
<option value="3">3</option> //can I have this option show up instead by default?
</select>

Thanks in advance.

The tutorial on how to make a search form with multiple search options was excellent!

http://www.mediacollege.com/internet...ti-search.html

However, is it possible to use radio buttons instead of a drop-down list? Can someone be kind enough to show me the code for it?

Million thanks.

So I'd like to have a 160*600 box with hyperlinks displaying only a headlines I select. I would like the bottom of the box to have arrows for navigating between sections of links that fit in the box with a place to enter a page number in between them. I would like it to begin with displaying the most recently posted links starting on the last page number with that being the first page it displays.

I want the bottom of the box to include below the browsing chronological browsing feature an arrow facing left with the word "search" that would open a box with a place to type in text for it to search link headlines. At the bottom of the search box I would like an arrow facing down with the words "search by label". Yes, I would like to not only select a headline for each link but also categorically label them.

If I could also select images for it to automatically fill the empty space with when a new page number is started that would be great, even better if it selects ones that fill the most depending on how long the headlines are. If it repeated headlines in extra page space instead of showing images that would be cool too.

I'd also like it to automatically expand in height past 160*600 to make a new page number just for a headline that doesn't fit in 160*600.

I need this in HTML.

My blog is episin.blogspot.com

Hey!

What's the easiet way to create a link, and when it's pressed a little login form dropsdown from the link?

Cheers / DiNozzo

Here is a link to what I am working on now...

http://209.97.201.191/

If you notice the drop down menus they disappear, or only partially show when using Firefox. In IE they work perfect. I have never come across this problem before. Any ideas as to what is causing it?

Hey -

I'm trying to fix a piece of code which will allow me to insert a Library Catalogue Search form in to my Institute's moodle. The form appears, but the search is not populated with the information input when I click search.

I'm using the following code, and my catalogue page is: http://library.kcl.ac.uk/F/X1C8CFNNK...le_name=find-b


HTML Code:

 <w:populate using="itemForEdit"> <form action="http://library.kcl.ac.uk/F/X1C8CFNNK32DAV3PAY9E1HTAQTU595XKRFJXY589I72VT6QR3V-48067?func=file&file_name=find-b" method="post"> <input type="hidden" name="Id" />
<table align="center"> <tbody>
  <tr>
    <td><label>Search: </label>
    </td>
    <td><input type="text" name="Name" />
    </td>
  </tr>
  <tr>
    <td><label>Search by: </label>
    </td>
    <td> <select name="find_code"> <option value="WRD">All Words</option> <option value="WTI">Title words</option> <option value="WJT">Journal title words</option> <option value="WPE">Authors/Names</option> <option value="WME">Conferences</option> <option value="WCO">Organisations</option> <option value="WPF">Performers</option> <option value="WMU">Year of recording</option> <option value="WPT">Printers</option> <option value="WPV">Provenance</option> <option value="WPU">Publishers</option> <option value="WSE">Series</option> <option value="WSU">Subject words</option> <option value="WIB">ISBN</option> <option value="WIS">ISSN</option> <option value="WLN">Language</option> <option value="WYR">Year published</option> <option value="WCL">Collection code</option> <option value="WCK">Classmark</option> <option value="SYS">System number</option> <option value="BAR">Barcode</option> </select>
    </td>
  </tr>
  <tr>
    <td align="center" colspan="2"> <input type="submit" value="Search Library Catalogue" />
    </td>
  </tr> </tbody>
</table> <tags:hiddenoperationparam> </tags:hiddenoperationparam></form></w:populate>

All suggestions much appreciated!

Hi there, quite a lame question i think..

Anyone have on idea on a script, (which i believe should be quite simple) which can extract the line from an csv file and show ot in a html page at search request.

In more details it should look like this :

somebody enters some word in simple html search form and pushes search button, the script searches through the csv file and copies whole line with matchin word in the web page.

Or maybe there is a simplier way, since csv file can be converter to any other format...

Thanks in advance.

Hey guys I have made search form on my site but how do i get it to search my site when the user clicks search.

Tried to find a tutorial on this but no luck.

HTML Code:

<form action="?" method="post" name="searchfield" id="searchfield">
          <p>Search the Web:
            <input name="search" type="text" class="search" size="15" />
              <input name="submit" type="submit" class="submit" value="Search" />
          </p>
      </form>

I know I have to create a script which I wold like to do in php but what do I add to the script

Hi,

I am having a problem. I have a HTML table on my webpage but I am having trouble searching it from my main homepage using a HTML form.

The html form on the homepage is:

<html>
<body>
<form method="post" action="http://www.example.com/sites/default/files/html_table.html"
<input type="text" size="30" maxlength="1000" value="" id="textBoxSearch" onkeyup="tableSearch.search(event);" />
<input type="submit" value="Search" onclick="tableSearch.runSearch();" />
</body>
</html>

I have a search working fine on the html page and javascript functions conducting the search as shown he

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>JavaScript Search</title>
<style type="text/css">
body { font-family: Arial; font-size: 11px; }
td { font-family: Arial; font-size: 11px; }
th { font-family: Arial; font-size: 11px; background-color: #c8c8c8; }
input { font-family: Arial; font-size: 11px; }
</style>
<script language="javascript" type="text/javascript">
//define the table search as an object, which can implement both functions and properties
window.tableSearch = {};

//initialize the search, setup the current object
tableSearch.init = function() {
//define the properties I want on the tableSearch object
this.Rows = document.getElementById('data').getElementsByTagName('TR');
this.RowsLength = tableSearch.Rows.length;
this.RowsText = [];

//loop through the table and add the data to
for (var i = 0; i < tableSearch.RowsLength; i++) {
this.RowsText[i] = (tableSearch.Rows[i].innerText) ? tableSearch.Rows[i].innerText.toUpperCase() : tableSearch.Rows[i].textContent.toUpperCase();
}
}

//onlys shows the relevant rows as determined by the search string
tableSearch.runSearch = function() {
//get the search term
this.Term = document.getElementById('textBoxSearch').value.toUpperCase();

//loop through the rows and hide rows that do not match the search query
for (var i = 0, row; row = this.Rows[i], rowText = this.RowsText[i]; i++) {
row.style.display = ((rowText.indexOf(this.Term) != -1) || this.Term === '') ? '' : 'none';
}
}

//runs the search
tableSearch.search = function(e) {
//checks if the user pressed the enter key, and if they did then run the search
var keycode;
if (window.event) { keycode = window.event.keyCode; }
else if (e) { keycode = e.which; }
else { return false; }
if (keycode == 13) {
tableSearch.runSearch();
}
else { return false; }
}
</script>
</head>


<body onload="tableSearch.init();">
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<input type="text" size="30" maxlength="1000" value="" id="textBoxSearch" onkeyup="tableSearch.search(event);" />
<input type="button" value="Search" onclick="tableSearch.runSearch();" />
</td>
</tr>
</tbody>
</table>
<br />
<table border="1" cellpadding="2" cellspacing="0">
<tr>
<th>ID</th>
<th>First Name</th>
<th>Surname</th>
<th>Website</th>
</tr>
<tbody id="data">
<tr>
<td>1</td>
<td>Heathesh</td>
<td>Bhandari</td>
<td><a href="http://heathesh.com">http://heathesh.com</a></td>
</tr>
<tr>
<td>2</td>
<td>Candice</td>
<td>David</td>
<td><a href="http://candicedavid.com">http://candicedavid.com</a></td>
</tr>
</tbody>
</table>
</body>
</html>

If anybody could help me please! I have run out of ideas

Hello,

I am new to posting on HTMLforums.com. I have a quick question for someone that has a good understanding of HTML (and most likely JS).

On the front page of SWFL.cc I have a search box to the left. It is connected to the php search functionality in the Open-Realty Script. I would like to know if there is a way to get this functionality:

I have the Purchase/Rental drop down, and I would like to know if there is any way to change the price variables depending on the selection of the purchase/rental drop down.

If this is possible, could someone point me in the right direction to figure out how to go about doing this.

Thank You,

Brian Meyer

Hi all,

I have one listbox( in form ) with multiple selection option. upon clicking submit button this form will send details to servlet program. The problem here for me is ,
whichever is selected in listbox, that only am getting in servlet side.

Is it possible to get all the values from list box even without single selection.

can any one help me ?

I am trying to create a FORM with multiple option radio buttons. Basically this is a ready script I found on the internet. I have tried to customize it but there is a slight problem which I have been unable to fix after a lot of tries.

In the below code, I am trying to open the following URLs on submit.

http://www.pixmac.com/pictures/"searchterms"?a=kcalpesh
http://www.crestock.com/image-keyword/"searchterms".aspx/112582/

In both the URLs the "searchterms" is dynamic and will be picked from the input box present in the form.

PROBLEM PART!

On submission, the URL that opens is only up to http://www.pixmac.com/pictures/"searchterms" and the affiliate ID after that gets missed.

Same with the other URL on submission, the URL that opens is http://www.crestock.com/image-keyword/"searchterms" and again the affiliate ID gets missed out.

Below is the complete page code for the FORM. Any help will be highly appreciated.

I am not a coder and have very limited knowledge of HTML / Javascript!!


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<script type="text/javascript">
function dosearch() {
var sf=document.searchform;
var submitto = sf.sengines.options[sf.sengines.selectedIndex].value + escape(sf.searchterms.value);
window.open(submitto);
return false;
}
</script>
</head>

<body>
<form name="searchform" onsubmit="dosearch();">
Search:
<select name="sengines">
<option value="http://www.pixmac.com/pictures/"searchterms"?a=kcalpesh" selected="selected">Pixmac</option>
<option value="http://www.crestock.com/image-keyword/"searchterms".aspx/112582/">Crestock</option>
</select>
For:
<input name="searchterms" type="text">
<input name="SearchSubmit" value="Search" type="submit">
</form>
</body>
</html>

Hello

I have been asked by my manager to build our company website (www.cityends.com)

My enquiry is this, how do i use html to creat a form which can search the current properties we have. And how would i go about creating a database which this form is able to read

Any help is very much appreciated, i am very new to building websites, any comments on my current effort are also appreciated

Thanks

Mark

Hi, I'm trying to figure out how to put a simple mailing list form on my website. I found some html code for it that looks like this:

<div class="divrnd"><h1>Mailing List</h1></div>
<form action="http://www.example-address.com/cgi-bin/dada/mail.cgi">
<p align="center">
<input type="text" name="email" value="email address"/>
<br/>
<input type="submit" value="Join the Mailing List"/>
<br/>

<input type="hidden" name="flavor" value="subscribe"/>
</p>
<p>&nbsp; </p>
</form>
</div>


So is this the kind of code I would want to use? And then would I just substitute the website address in the "form action" tag for my own? I have a godaddy domain and e-mail, so I'm guessing I would have to set something up but I don't know if I'm on track here...
thanks!