javascript实现通过拼音首字母快速选择下拉列表

下拉列表快速选择

比如，某选项的拼音首字母为"a",只要按下键盘上的"a"，就可以快速选择该项。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>下拉列表快速选择</title></head><body>比如，某选项的拼音首字母为"a",只要按下键盘上的"a"，就可以快速选择该项。<select><OPTION selected value=北京>北京</OPTION><OPTION value=上海>上海</OPTION><OPTION value=天津>天津</OPTION><OPTION value=重庆>重庆</OPTION><OPTION value=河北>河北</OPTION><OPTION value=山西>山西</OPTION><OPTION value=内蒙古>内蒙古</OPTION><OPTION value=辽宁>辽宁</OPTION><OPTION value=32>32</OPTION><OPTION value=吉林>吉林</OPTION><OPTION value=黑龙江>黑龙江</OPTION><OPTION value=江苏>江苏</OPTION><OPTION value=浙江>浙江</OPTION><OPTION value=%&>&^</OPTION><OPTION value=安徽>安徽</OPTION><OPTION value=福建>福建</OPTION><OPTION value=北京>A1</OPTION><OPTION value=江西>江西</OPTION><OPTION value=山东>山东</OPTION><OPTION value=河南>河南</OPTION><OPTION value=湖北>湖北</OPTION><OPTION value=湖南>湖南</OPTION><OPTION value=31>31</OPTION><OPTION value=广东>广东</OPTION><OPTION value=广西>广西</OPTION><OPTION value=海南>海南</OPTION><OPTION value=北京>A2</OPTION><OPTION value=四川>四川</OPTION><OPTION value=贵州>贵州</OPTION><OPTION value=云南>云南</OPTION><OPTION value=西藏>西藏</OPTION><OPTION value=陕西>陕西</OPTION><OPTION value=甘肃>甘肃</OPTION><OPTION value=宁夏>宁夏</OPTION><OPTION value=青海>青海</OPTION><OPTION value=新疆>新疆</OPTION><OPTION value=香港>香港</OPTION><OPTION value=澳门>澳门</OPTION><OPTION value=台湾>台湾</OPTION><OPTION value=其它>其它</OPTION></SELECT><select><OPTION selected value=北京>北京</OPTION><OPTION value=上海>上海</OPTION><OPTION value=天津>天津</OPTION><OPTION value=重庆>重庆</OPTION><OPTION value=河北>河北</OPTION><OPTION value=山西>山西</OPTION><OPTION value=内蒙古>内蒙古</OPTION><OPTION value=辽宁>辽宁</OPTION><OPTION value=32>32</OPTION><OPTION value=吉林>吉林</OPTION><OPTION value=黑龙江>黑龙江</OPTION><OPTION value=江苏>江苏</OPTION><OPTION value=浙江>浙江</OPTION><OPTION value=%&>&^</OPTION><OPTION value=安徽>安徽</OPTION><OPTION value=福建>福建</OPTION><OPTION value=北京>A1</OPTION><OPTION value=江西>江西</OPTION><OPTION value=山东>山东</OPTION><OPTION value=河南>河南</OPTION><OPTION value=湖北>湖北</OPTION><OPTION value=湖南>湖南</OPTION><OPTION value=31>31</OPTION><OPTION value=广东>广东</OPTION><OPTION value=广西>广西</OPTION><OPTION value=海南>海南</OPTION><OPTION value=北京>A2</OPTION><OPTION value=四川>四川</OPTION><OPTION value=贵州>贵州</OPTION><OPTION value=云南>云南</OPTION><OPTION value=西藏>西藏</OPTION><OPTION value=陕西>陕西</OPTION><OPTION value=甘肃>甘肃</OPTION><OPTION value=宁夏>宁夏</OPTION><OPTION value=青海>青海</OPTION><OPTION value=新疆>新疆</OPTION><OPTION value=香港>香港</OPTION><OPTION value=澳门>澳门</OPTION><OPTION value=台湾>台湾</OPTION><OPTION value=其它>其它</OPTION></SELECT></body></html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

javascript实现通过拼音首字母快速选择下拉列表

JavaScript相关栏目本月热门文章