Thursday, June 10, 2010

JavaScript Set Option for List Menu

Set Option for List Menu(Drop Down Menu) Use JavaScript

Usage : simple JavaScript for set option in list menu.

Compatibility :



JavaScript Code :

Insert this JavaScript in the head section of the html code.

<script type="text/javascript">

function create_list_menu(){
var name = document.getElementById('list_menu');
name.style.display = "block";

name.options[0] = new Option("JavaScript");
name.options[1] = new Option("AJAX");
name.options[2] = new Option("PHP");
}

</script>

HTML Code :

<html>
<head>
<title>Set Option for list menu</title>
</head>
<body>

<table border="0" cellpadding="3">
<tr>
<td>
<input name="create_list_menu" id="create_list_menu" type="button" value="Create List Menu" onclick="create_list_menu();" />
</td>
<td>
<select name="list_menu" id="list_menu" style="display:none" ></select>
</td>
</tr>
</table>

</body>
</html>

Demo :






No comments: