select

<select id="mySelect" onchange="favBrowser()">

<option>Internet Explorer</option>

<option>Netscape</option>

<option>Opera</option>

</select>

function favBrowser()

{

var mylist=document.getElementById("mySelect");

document.getElementById("favorite").value=mylist.options[mylist.selectedIndex].text;

}

alert(document.getElementById("mySelect").selectedIndex);

alert(document.getElementById("mySelect").length);

document.getElementById("mySelect").size=4;

document.getElementById("mySelect").multiple=true;

function getOptions()

{

var x=document.getElementById("mySelect");

txt="All options: "

for (i=0;i<x.length;i++)

{

txt=txt + "\n" + x.options[i].text;

}

alert(txt);

}

Remove options from a dropdown list
function removeOption()

{

var x=document.getElementById("mySelect");

x.remove(x.selectedIndex);

}

<select id="menu" onchange="go()">

<option>--Select a page--</option>

<option value="http://senthilmcan.blogspot.com">Senthil</option>

<option value="http://www.microsoft.com">Microsoft</option>

<option value="http://senthilmcan-clientscript.blogspot.com">Clientscript</option>

</select>

function go()

{

window.location=document.getElementById("menu").value;

}