Filtrando un <select...>

[lexus]

Código:

 
 
<script language="javascript">
var to_find	= "";
var timeoutCtr = 0;
var selectBox;
var txtFind;
var keycode;
 
function findMatch2(s, t){
timeoutCtr = new Date().getTime();
selectBox = s;
txtFind	= t;
keycode	= event.keyCode;
setTimeout("findMatch()", 10);
}
 
function findMatch() {
if (new Date().getTime() - timeoutCtr < 0) return false;
if (txtFind == '' || keycode == 16) {
return false;
}
 
to_find = txtFind.value
if(keycode==8) to_find = to_find.substr(0, to_find.length-1);
 
if(to_find.length==0){
txtFind.value='';
return false;
}
 
allWords	= selectBox.options;
var posLow = 0;
var posHigh = allWords.length;
var foundIt = false;
s2		 = to_find.toLowerCase();
while (posLow <= posHigh) { 
posMid = Math.floor((posLow + posHigh) / 2); 
s1	 = allWords[posMid].text;
s	 = allWords[posMid].text.toLowerCase();
if (s.indexOf(s2) == 0){
go = true;
for (var i=posMid; i>=0; i--){
	if(allWords[i].text.toLowerCase().indexOf(s2) == 0){
	 s1	 = allWords[i].text;
	 s	 = allWords[i].text.toLowerCase();
	} else {
	 break;
	}
}
posMid				 = i+1;
foundIt				 = true;
selectBox.selectedIndex = posMid;
var t				 = s.length - (s.length - s2.length);
end_string			 = s.substr(t, s.length);
txtFind.value		 = s1;
if (end_string != "") {
	var range = txtFind.createTextRange();
	range.moveStart('character', txtFind.value.toLowerCase().lastIndexOf(end_string));
	range.select();
}
	return true;
} else {
if (s2 < s) {
	posHigh = posMid - 1;
} else {
	posLow = posMid + 1;
}
}
}
}
function getInfo(e, obj){
if(e.selectedIndex>=1) obj.value=e[e.selectedIndex].text;
}
</script>
<form>
<select name="city" style='display:inline;width:275;position:absolute;Clip:rect(auto auto auto 257px);' onchange="getInfo(this, this.form.txtServer);">	 
<option value="Acampo">Acampo</option><option value="Acton">Acton</option><option value="Adelanto">Adelanto</option><option value="Adin">Adin</option><option value="Agoura Hills">Agoura Hills</option><option value="Aguanga">Aguanga</option><option value="Ahwahnee">Ahwahnee</option><option value="Alameda">Alameda</option><option value="Alamo">Alamo</option><option value="Albany">Albany</option><option value="Albion">Albion</option><option value="Alderpoint">Alderpoint</option><option value="Alhambra">Alhambra</option><option value="Aliso Viejo">Aliso Viejo</option><option value="Alleghany">Alleghany</option><option value="Alpaugh">Alpaugh</option><option value="Alpine">Alpine</option><option value="Alpine Meadows">Alpine Meadows</option><option value="Alta">Alta</option><option value="Alta Loma">Alta Loma</option><option value="Wishon">Wishon</option><option value="Witter Springs">Witter Springs</option><option value="Wofford Heights">Wofford Heights</option><option value="Woodacre">Woodacre</option><option value="Woodbridge">Woodbridge</option><option value="Woodlake">Woodlake</option><option value="Woodland">Woodland</option><option value="Woodland Hills">Woodland Hills</option><option value="Woody">Woody</option><option value="Wrightwood">Wrightwood</option><option value="Yermo">Yermo</option><option value="Yettem">Yettem</option><option value="Yolo">Yolo</option><option value="Yorba Linda">Yorba Linda</option><option value="Yorkville">Yorkville</option><option value="Yosemite Natl Park">Yosemite Natl Park</option><option value="Yountville">Yountville</option><option value="Yreka">Yreka</option><option value="Yuba City">Yuba City</option><option value="Yucaipa">Yucaipa</option><option value="Yucca Valley">Yucca Valley</option><option value="Zamora">Zamora</option><option value="Zenia">Zenia</option>
</select>
<input name="txtServer" type="text" style='position:relative;width:260;height:21;margin-right:15;margin-top:-1px;' value="[Select City]" onKeyPress="findMatch2(this.form.city, this);" onfocus="var range = this.createTextRange();range.moveStart('character',0);range.select();">
</form>