Javascript implements quick selection of drop-down list through the first letter of Pinyin_form special effects

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


北京
上海
天津
重庆
河北
山西
内蒙古
辽宁
32
吉林
黑龙江
江苏
浙江
&^
安徽
福建
A1
江西
山东
河南
湖北
湖南
31
广东
广西
海南
A2
四川
贵州
云南
西藏
陕西
甘肃
宁夏
青海
新疆
香港
澳门
台湾
其它


北京
上海
天津
重庆
河北
山西
内蒙古
辽宁
32
吉林
黑龙江
江苏
浙江
&^
安徽
福建
A1
江西
山东
河南
湖北
湖南
31
广东
广西
海南
A2
四川
贵州
云南
西藏
陕西
Gansu
Ningxia
Qinghai
Xinjiang
Hong Kong
Macau
Taiwan
Others

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Quick selection from the drop-down list</title> <select>For example, if the first letter of the pinyin of a certain option is "a", just press "a" on the keyboard , you can quickly select the item. <option selected value="北京"></option>Beijing<option value="上海"></option>Shanghai<option value="天津"></option>Tianjin<option value="重庆"></option>Chongqing<option value="河北"></option>Hebei<option value="山西"></option>Shanxi<option value="内蒙古"></option>Inner Mongolia<option value="辽宁"></option>Liaoning<option value="32"></option>32<option value="吉林"></option>Jilin<option value="黑龙江"></option>Heilongjiang<option value="江苏"></option>Jiangsu<option value="浙江"></option>Zhejiang<option value="%&"></option>&^<option value="安徽"></option>Anhui<option value="福建"></option>Fujian<option value="北京"></option>A1<option value="江西"></option>Jiangxi<option value="山东"></option>Shandong<option value="河南"></option>Henan<option value="湖北"></option>Hubei<option value="湖南"></option>Hunan<option value="31"></option>31<option value="广东"></option>Guangdong<option value="广西"></option>Guangxi<option value="海南"></option>Hainan<option value="北京"></option>A2<option value="四川"></option>Sichuan<option value="贵州"> </option>Guizhou<option value="云南"></option>Yunnan<option value="西藏"></option>Tibet<option value="陕西"></option>Shaxi<option value="甘肃"></option>Gansu<option value="宁夏"></option>Ningxia<option value="青海"></option>Qinghai<option value="新疆"></option>Xinjiang<option value="香港"></option>Hong Kong<option value="澳门"></option>Macau<option value="台湾"></option>Taiwan<option value="其它"></option>Others</select><select><option selected value="北京"></option>Beijing<option value="上海"></option> Shanghai<option value="天津"></option>Tianjin<option value="重庆"></option>Chongqing<option value="河北"></option>Hebei<option value="山西"></option>Shanxi<option value="内蒙古"></option>Inner Mongolia<option value="辽宁"></option>Liaoning<option value="32"></option>32 <option value="吉林"></option>Jilin<option value="黑龙江"></option>Heilongjiang<option value="江苏"></option>Jiangsu<option value="浙江"></option>Zhejiang<option value="%&"></option>&^<option value="安徽"></option>Anhui<option value="福建"></option>Fujian <option value="北京"></option>A1<option value="江西"></option>Jiangxi<option value="山东"></option>Shandong<option value="河南"></option>Henan<option value="湖北"></option>Hubei<option value="湖南"></option>Hunan<option value="31"></option>31<option value="广东"></option>Guangdong<option value="广西"></option>Guangxi<option value="海南"></option>Hainan<option value="北京"></option>A2<option value="四川"></option>Sichuan<option value="贵州"></option>Guizhou<option value="云南"></option>Yunnan<option value="西藏"></option>Tibet<option value="陕西"></option>Shaanxi<option value="甘肃"></option>Gansu<option value="宁夏"></option>Ningxia<option value="青海"></option>Qinghai<option value="新疆"></option>Xinjiang<option value="香港"></option>Hong Kong<option value="澳门"> </option>Macau<option value="台湾"></option>Taiwan<option value="其它"></option>Others</select>
[Ctrl A select all Note: If you need to introduce external Js, you need to refresh to execute

]