天天看點

輸入文本自動提示

function autosuggestMatch(sText,arrValues)  {  var arrResult=new Array;      if(sText!="")      {          for(var i=0;i<arrValues.length;i++)          {              if(arrValues[i].indexOf(sText)==0)              {              arrResult.push(arrValues[i]);              }          }      }      return arrResult;  }

function autosuggest(oTextbox,arrValues,sListboxId)  {      var oListbox=document.getElementById(sListboxId);      for(var i=oListbox.options.length-1;i>=0;i--)      {         oListbox.remove(i);      }      var arrMatches= autosuggestMatch(oTextbox.value,arrValues);      for(var i=0;i<arrMatches.length;i++)      {      var op=document.createElement("option");         op.appendChild(document.createTextNode(arrMatches[i]));         op.setAttribute(arrMatches[i],arrMatches[i]);      oListbox.appendChild(op);      }  }

var arrColors=["red","orange","yellow","blue","red1"]; arrColors.sort();

function setText(oListbox,sTextboxId) { var otextbox=document.getElementById(sTextboxId); if(oListbox.selectedIndex>-1) { otextbox.value=oListbox.options[oListbox.selectedIndex].text; } }     </script>

</head> <body>     <form id="form1" runat="server">         <div>                               <input type="text" value="" id="ce" οnkeyup="autosuggest(this,arrColors,'ggg')" />         <select id="ggg" οnclick="setText(this,'ce')">         </select>

繼續閱讀