JS实现对下拉框的快速索引

如果你一个下拉框很多选项,而且排序没规律
那要找到自己的项是多烦的一件事,
今天用JS写了一个小函数
只要实现,通过输入选择项的某个字或词,快速索引
功能还是挺强大的。代码如下:

<html>
<head>
	<title>索引测试</title>
	<script>
		function findstr(ftxt){
			var fb=document.getElementById('keywords');
			var asd='';
			for(var i=0; i < fb.length;i++){
				asd=fb.options[i].text;
				df=asd.indexOf(ftxt);
				if(df >= 0){
					fb.value=fb.options[i].value;
					break;
				}
			}
	}
	</script>
</head>
<body>
<select id="keywords" >
<option value="lok">lok</option>
<option value="chen">chen</option>
<option value="cjinle">cjinle</option>
<option value="china">china</option>
<option value="chinese">chinese</option>
<option value="河蟹">河蟹</option>
<option value="犀利哥">犀利哥</option>
<option value="春哥">春哥</option>
</select> <<快速索引<input type="text" ONKEYUP="findstr(this.value)" />
</body>
</html>

效果如下:


索引测试



<<快速索引