[Javascript] searching a <select> list

Shawn Milo milo at linuxmail.org
Wed Jun 2 06:33:10 CDT 2004


Just in a sharing mood.  I put this together yesterday for something
I'm working on at work.  There is a drop-down with about 170 names in
it, and I added a text box which allows users to type in a few characters
and find the first match.

Shawn



   function searchList(inText, drpBox){
   
      var iCount;
      var regEx = new RegExp(inText, 'i');
      
      for (iCount=0; iCount<drpBox.length; iCount++){
         if (drpBox[iCount].value.match(regEx)){
            drpBox.selectedIndex = iCount;
            break;
         }
      }
   
   }




Put this on the form near the drop-down box:

<input type="text" name="txtSearch" id="txtSearch" value="search list"  onfocus="if (this.value == 'search list'){ this.value='';}" onkeyup="searchList(this.value, document.forms['frmAdd'].drpSponsor);" /><br/>



More information about the Javascript mailing list