Select Value Set

Francis Cocharrua Apr 14, 2006

This JavaScript function allows you to set the value of a select tag without having to know its position in the list. In the example, type in a letter of the alphabet and then click on the find button.

The JavaScript Source: Forms : Select Value Set

Simply click inside the window below, use your cursor to highlight the script, and copy [Control]+C the script into a new file in your text editor (such as Note Pad) and save [Control+S]. The script is yours!!!

/* This script and many more are available free online at
The JavaScript Source :: http://www.javascriptsource.com
Created by: Francis Cocharrua :: http://scripts.franciscocharrua.com/ */

function Select_Value_Set(SelectName, Value) {
  eval('SelectObject = document.' + 
    SelectName + ';');
  for(index = 0; 
    index < SelectObject.length; 
    index++) {
   if(SelectObject[index].value == Value)
     SelectObject.selectedIndex = index;
   }
}

<form name="select_set_value">
<table width="20%">
<tr>
<td width="33%"><input type="text" name="letter" size="1"></td>
<td width="33%"><input type="button" value="find" onclick="Select_Value_Set('select_set_value.letters', document.select_set_value.letter.value);"></td>
<td align="right">
<select name="letters">
<option></option>
  <option value="a">alpha</option>
  <option value="b">beta</option>
  <option value="d">delta</option>
  <option value="e">epsilon</option>
  <option value="f">phi</option>
  <option value="g">gamma</option>
  <option value="h">eta</option>
  <option value="i">iota</option>
  <option value="k">kappa</option>
  <option value="l">lambda</option>
  <option value="m">mu</option>
  <option value="n">nu</option>
  <option value="o">omicron</option>
  <option value="p">pi</option>
  <option value="r">rho</option>
  <option value="s">sigma</option>
  <option value="t">tau</option>
  <option value="u">upsilon</option>
  <option value="x">xi</option>
  <option value="z">zeta</option>
</select>
</td>
</tr>
</table>
</form>
<p><div align="center">
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</div><p>

Did you use this script? Do you like this site? Please link to us!

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details

Select Value Set

Leave a Response

Attention JavaScript Coders

Go Deeper