Incremental Select in JavaScript

<head>
<SCRIPT = JavaScript>
	var timerid     = null;
	var matchString = "";
	var mseconds    = 5000;	// Length of time before search string is reset

	function shiftHighlight(keyCode,targ)
		{
			keyVal      = String.fromCharCode(keyCode); // Convert ASCII Code to a string
			matchString = matchString + keyVal; // Add to previously typed characters
			elementCnt  = targ.length - 1;	// Calculate length of array -1
			for (i = elementCnt; i > 0; i--)
			{
				selectText = targ.options[i].text.toLowerCase(); // convert text in SELECT to lower case
				if (selectText.substr(0,matchString.length) == 	matchString.toLowerCase())
				{
					targ.options[i].selected = true; // Make the relevant OPTION selected
				}
			}
			clearTimeout(timerid); // Clear the timeout
			timerid = setTimeout('matchString = ""',mseconds); // Set a new timeout to reset the key press string
		
			return false; // to prevent IE from doing its own highlight switching
		}
</SCRIPT>
</head>
<body>

<select tabindex=1 name=whatever accesskey='s' label='Select something' size=1 onKeyPress = 'return shiftHighlight(event.keyCode, this);'>'
<option>Type a selection</option>

file: /Techref/language/java/script/incsel.htm, 1KB, , updated: 2004/2/19 11:03, local time: 2024/11/26 11:00,

^{18.188.107.57:LOG IN}

©2024 These pages are served without commercial sponsorship. (No popup ads, etc...).Bandwidth abuse increases hosting cost forcing sponsorship or shutdown. This server aggressively defends against automated copying for any reason including offline viewing, duplication, etc... Please respect this requirement and DO NOT RIP THIS SITE. Questions?

Please DO link to this page! Digg it! / MAKE!

<A HREF="http://sxlist.com/techref/language/java/script/incsel.htm"> Incremental Select in JavaScript </A>

Did you find what you needed?

Welcome to sxlist.com!

Site supported by
sales, advertizing,
& kind contributors
just like you!
Please don't rip/copy
(here's why
Copies of the site on CD
are available at minimal cost.