Show or Hide combobox at Runtime using JavaScript

Show or Hide combobox at Runtime using JavaScript

Many a times in the programming world we feel the need to hide or show the dropdown lists or combo boxes of the particular page or a div or anyother control so here is a small snippet

The Following is the JavaScript function to achieve the above you can embede it in any external JavaScript file or write as an inline script or include in the head section...

function showOrHideAllDropDowns(newState)
{
    
      var elements = document.documentElement.getElementsByTagName('select');
 
      for (var i=0; i
          elements[i].style.visibility = newState;
      }    }

To use the Above function in a div we can write it like

  < style="width:220px;" onmouseover="showOrHideAllDropDowns('hidden');" onmouseout="showOrHideAllDropDowns('visible');">

Thanks and Regards
Meetu Choudhary
Founderhttp://msdotnetmentor.com