下拉框select,能不能根据键盘输入切换选中的值(非默认)

TurrF 2016-06-03 04:35:22

如图片,选中下拉框,并弹出来后,可否根据键盘输入,改变选中的值, 如输入376,就选中安道尔那行

但是遇到这样的问题,

就算我已经写了
$(window).keypress( function(event){
alert(event.which);
} );

当下拉框弹出后,按键盘根本没触发到事件

如不用插件的情况下,做这个效果复杂吗

...全文

179 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

ZuoLingZuoTa 2016-06-03

打赏
举报

bootstrap框架里有个这种自动提示的控件的

笨猿 2016-06-03

打赏
举报


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function(){
	var v="";
	$("#t").change(function(){
			v=$(this).val();
			var len=$("select").children().length;
		$("#x").children().each(function() {
            if($(this).text()==v){
				$(this).prop("selected","selected");
				$("#x").prop("size",""+len+"");
			}else{
				$(this).children(":first").prop("selected","selected");
			}
        });
	});
});
</script>
<style>

</style>
<body>
<input type="text" id="t"/><br/>
<select id="x">
	<option selected="selected">666</option>
    <option>999</option>
    <option>888</option>
    <option>233</option>
    <option>555</option>
</select>
</body>
</html>