Changing Value of a Selectbox

[shankwheat]

I've been using this little script to change the <a href=""></a> value
of a link which works well.

<script language="javas cript" type="text/javascript">
function ordering(sorder )
{
var link = document.getEle mentById("mylin k").href =
"http://www.mysite.com? Option="+sorder ;
}
</script>

<a id="mylink" href="http://www.mysite.com/">Create PDF</a>
I'm wondering how I would do the same thing to change the value in a
selectbox like this?

<select size="1" name="menu">
<option value="http://www.mysite.com? Option=reports" >Reports</option>
<option value="http://www.mysite.com? Option=pdf">Cre ate PDF</option>
<option value="http://www.mysite.com? Option=bylaws"> Bylaws</option>
</select>

[Jeremy]

shankwheat wrote:

I'm wondering how I would do the same thing to change the value in a
selectbox like this?

<select size="1" name="menu">
<option value="http://www.mysite.com? Option=reports" >Reports</option>
<option value="http://www.mysite.com? Option=pdf">Cre ate PDF</option>
<option value="http://www.mysite.com? Option=bylaws"> Bylaws</option>
</select>

Well, first you're going to have to know *which* value you want to
change - in your example, there's three. On which do you want to operate?

You can get a collection of the option elements like this:

HTML:
<select size="1" name="menu" id="menu">
<option value="...">... </option>
...
</select>

Script:
var menu = document.getEle mentById("menu" );
var options = menu.getElement sByTagName("opt ion");

If you want to operate on whichever element is selected, try this:

options[menu.selectedIn dex].value = "a new value";

Otherwise just pick the option you want by indexing it into the
collection, and change its value attribute to what you want.

Jeremy