<html> <head> <script> var allid=['div1', 'div2']; function selectit(id) { //alert("select block of id="+id); for(var i=0; i<allid.length; i++) { var div=document.getElementById(allid[i]); //alert("div="+div); if (allid[i] == id) { div.style.display=''; } else { div.style.display='none'; } } return false; } </script> <body> <form> Start:<br/> <div id="div1"> Select Country: <br/> <select id="s1" name="country" multiple size=5> <option value="China">China, PRC</option> <option value="USA">United States of American</option> </select> </div> <div id="div2" style="display:none" > Select States: <select name="state" multiple size=5> <option value="TX">Texas</option> <option value="CA">California</option> </select> </div> end:<br/> <a href="#" onclick="return selectit('div1')">Select Country</a> <a href="#" onclick="return selectit('div2')">Select State</a> </form> </body> </html>