change the selected item

JamesManke · Apr 9, 2005

Is there a way to have javascript change the selected item in
a select box without refreshing the page.

Thanks

tsuji · Apr 10, 2005

JamesManke,

Sure, selectedIndex property is read/write. This is a demo.

Code:

<html>
<head><title>media types</title>
<script language="javascript">
function doit() {
    var oelem=document.getElementById("mediatype");
    oelem.selectedIndex=parseInt(Math.random()*(oelem.length-1))+1;
}
</script>
</head>
<body>
<form>
<select id="mediatype" name="mediatype">
    <option value="empty">Choose Media Type</option>
	<option value="Text/xml">Text/xml</option>
	<option value="Application/xml">Application/xml</option>
    <option value="Text/xml-external-parsed-entity">Text/xml-external-parsed-entity</option>
    <option value="Application/xml-external-parsed-entity">Application/xml-external-parsed-entity</option>
    <option value="Application/xml-dtd">Application/xml-dtd</option>
</select>
</form>
<hr />
<button name="btntest" onclick="doit()">random change Media Type selection</button>
</body>
</html>

regards - tsuji

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

change the selected item

JamesManke

Programmer

tsuji

Technical User

Similar threads

Part and Inventory Search

Sponsor