下拉列表快速选择<br>// 获取拼音首字母<br>function getPinying(c ) {<br> execScript("tmp=asc("" c "")", "vbscript");<br> tmp = 65536 tmp;<br> if(tmp>=45217 && tmp<=45252) return " A";<BR> if(tmp>=45253 && tmp<=45760) return "B";<BR> if(tmp>=45761 && tmp<=46317) return "C";<BR> if(tmp> =46318 && tmp<=46825) return "D";<BR> if(tmp>=46826 && tmp<=47009) return "E";<BR> if(tmp>=47010 && tmp<=47296) return " F";<BR> if((tmp>=47297 && tmp<=47613) || (tmp == 63193)) return "G";<BR> if(tmp>=47614 && tmp<=48118) return " H";<BR> if(tmp>=48119 && tmp<=49061) return "J";<BR> if(tmp>=49062 && tmp<=49323) return "K";<BR> if(tmp> =49324 && tmp<=49895) return "L";<BR> if(tmp>=49896 && tmp<=50370) return "M";<BR> if(tmp>=50371 && tmp<=50613) return " N";<BR> if(tmp>=50614 && tmp<=50621) return "O";<BR> if(tmp>=50622 && tmp<=50905) return "P";<BR> if(tmp> =50906 && tmp<=51386) return "Q";<BR> if(tmp>=51387 && tmp<=51445) return "R";<BR> if(tmp>=51446 && tmp<=52217) return " S";<BR> if(tmp>=52218 && tmp<=52697) return "T";<BR> if(tmp>=52698 && tmp<=52979) return "W";<BR> if(tmp> =52980 && tmp<=53688) return "X";<BR> if(tmp>=53689 && tmp<=54480) return "Y";<BR> if(tmp>=54481 && tmp<=62289) return " Z";<BR> return c.charAt(0);<BR>} <br><br>// select helper<BR>SelectHelper = new function() {<BR> // 初期化<BR> this.init = function() {<BR> document.attachEvent("onkeypress", function() {<BR> var elm =event.srcElement;<BR> if (elm.tagName == "SELECT" <BR> && elm.className .indexOf("SelectHelper") == -1) {<BR> elm.className = "SelectHelper";<BR> elm.attachEvent("onkeypress", SelectHelper.getNextKeyItem);<BR> elm.fireEvent("onkeypress" 、event);<BR> }<BR> });<BR> }<BR> // 取得选项文本の首字符<BR> function getItemKeyChar(option) {<BR> return option.text.charAt(0) .toUpperCase();<BR> }<BR> // 中央一致の選択<BR> this.getNextKeyItem = function() {<BR> var elm =event.srcElement;<BR> varindex = elm.selectedIndex 1;<BR> do {<BR> if (index == elm.length) Index = 0; <BR> if (index == elm.selectedIndex) は false を返します。 // 未一致のオプション、退出<BR> } while (key2Char(event.keyCode) != getPinying(getItemKeyChar(elm.options[index ])));<BR> elm.selectedIndex =index - 1; // 中間に適合する選択<BR> は false を返します。 // 取消原有の選択機能<BR> }<BR>};<BR>/**<BR> * キーボードイベントに対応する文字または数字を返します <BR> * a-z: 97 -> 122 <BR> * A-Z: 65 -> 90<BR> * 0-9: 48 -> 57 <BR>*/<BR>function key2Char(key) {<BR> var s = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";<BR> if (key >= 97 && key <= 122) return s.charAt(key - 97);<BR> if (key >= 65 && key <= 90) return s.charAt(key - 65) ;<BR> if (key >= 48 && key return null;<br>}<br>SelectHelper.init();<br>< ;/script><br></head><br><body><br>比如、特定の拼音首字母は "a"、只要下键盘上の "a"、就可快速选择该项。<br /><br><select><br><OPTION selected value=北京>北京</OPTION><br><OPTION value=上海>上海</OPTION><br><OPTION value=天津>天津</OPTION><br><OPTION value=重庆>重庆</OPTION><br><OPTION value=河北>河北</OPTION><br><OPTION value=山西>山西</OPTION><br><OPTION value=内蒙古>内蒙古</OPTION><br><OPTION value=辽宁>辽宁</OPTION><br><OPTION value=32>32</OPTION><br><OPTION value=吉林>吉林</OPTION><br><OPTION value=黑龙江>黑龙江</OPTION><br><OPTION value=江苏>江苏</OPTION><br><OPTION value=浙江>浙江</OPTION><br><OPTION value=%&>&^</OPTION><br><OPTION value=安徽>安徽</OPTION><br><OPTION value=福建>福建</OPTION><br><OPTION value=北京>A1</OPTION><br><OPTION value=江西>江西</OPTION><br><OPTION value=山东>山东</OPTION><br><OPTION value=河南>河南</OPTION><br><OPTION value=湖北>湖北</OPTION><br><OPTION value=湖南>湖南</OPTION><br><OPTION value=31>31</OPTION><br><OPTION value=广东>广东</OPTION><br><OPTION value=广西>广西</OPTION><br><OPTION value=海南>海南</OPTION><br><OPTION value=北京>A2</OPTION><br><OPTION value=四川>四川</OPTION><br><OPTION value=贵州>贵州</OPTION><br><OPTION value=云南>云南</OPTION><br><OPTION value=西藏>西藏</OPTION><br><OPTION value=陕西>陕西</OPTION><br><OPTION value=甘肃>甘肃</OPTION><br><OPTION value=宁夏>宁夏</OPTION><br><OPTION value=青海>青海</OPTION><br><OPTION value=新疆>新疆</OPTION><br><OPTION value=香港>香港</OPTION><br><OPTION value=澳门>澳门</OPTION><br><OPTION value=台湾>台湾</OPTION><br><OPTION value=其它>其它</OPTION><br></SELECT><br><select><br><OPTION selected value=北京>北京</OPTION><br><OPTION value=上海>上海</OPTION><br><OPTION value=天津>天津</OPTION><br><OPTION value=重庆>重庆</OPTION><br><OPTION value=河北>河北</OPTION><br><OPTION value=山西>山西</OPTION><br><OPTION value=内蒙古>内蒙古</OPTION><br><OPTION value=辽宁>辽宁</OPTION><br><OPTION value=32>32</OPTION><br><OPTION value=吉林>吉林</OPTION><br><OPTION value=黑龙江>黑龙江</OPTION><br><OPTION value=江苏>江苏</OPTION><br><OPTION value=浙江>浙江</OPTION><br><OPTION value=%&>&^</OPTION><br><OPTION value=安徽>安徽</OPTION><br><OPTION value=福建>福建</OPTION><br><OPTION value=北京>A1</OPTION><br><OPTION value=江西>江西</OPTION><br><OPTION value=山东>山东</OPTION><br><OPTION value=河南>河南</OPTION><br><OPTION value=湖北>湖北</OPTION><br><OPTION value=湖南>湖南</OPTION><br><OPTION value=31>31</OPTION><br><OPTION value=广东>广东</OPTION><br><OPTION value=广西>广西</OPTION><br><OPTION value=海南>海南</OPTION><br><OPTION value=北京>A2</OPTION><br><OPTION value=四川>四川</OPTION><br><OPTION value=贵州>贵州</OPTION><br><OPTION value=云南>云南</OPTION><br><OPTION value=西藏>西藏</OPTION><br><OPTION value=陕西>陕西</OPTION><br><OPTION value=甘粛>甘粛</OPTION><br><OPTION value=寧夏>寧夏</OPTION><br><OPTION value=青海>青海</OPTION><br><OPTION value=新疆>新疆</OPTION><br><OPTION value=香港>香港</OPTION><br><OPTION value=マカオ>マカオ</OPTION><br><OPTION value=台湾>台湾< ;/OPTION><br><OPTION value=その他>その他</OPTION><br></SELECT><br></body><br></html><br></p> <div class="htmlarea"><textarea id="runcode60134"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>ドロップダウン リストからのクイック選択</title> <select>たとえば、特定のオプションのピンインの最初の文字が「a」の場合、キーボードの「a」を押すだけで、項目をすばやく選択できます。 <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"></option>福建<option value="吉林"></option>A1<option value="黑龙江"></option>江西<option value="江苏"></option>山東<option value="浙江"></option>河南<option value="%&"></option>湖北<option value="安徽"></option>湖南<option value="福建"></option>31<option value="北京"></option>広東<option value="江西"></option>広西チワン族自治区<option value="山东"></option>海南<option value="河南"></option>A2<option value="湖北"></option>四川<option value="湖南"> </option>貴州<option value="31"></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> 上海<option value="香港"></option>天津<option value="澳门"></option>重慶<option value="台湾"></option>河北<option value="其它"></option>山西</select><select>内モンゴル<option selected value="北京"></option>遼寧<option value="上海"></option>32 <option value="天津"></option>吉林<option value="重庆"></option>黒竜江省<option value="河北"></option>江蘇<option value="山西"></option>浙江省<option value="内蒙古"></option>&^<option value="辽宁"></option>安徽省<option value="32"></option>福建省<option value="吉林"></option>A1<option value="黑龙江"></option>江西省<option value="江苏"></option>山東<option value="浙江"></option>河南<option value="%&"></option>湖北<option value="安徽"></option>湖南<option value="福建"></option>31<option value="北京"></option>広東<option value="江西"></option>広西チワン族自治区<option value="山东"></option>海南<option value="河南"></option>A2<option value="湖北"></option>四川<option value="湖南"></option>貴州<option value="31"></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> <option value="香港"> </option> <option value="澳门">[Ctrl A すべて選択 注: </option>外部 Js を導入する必要がある場合は、更新して実行する必要があります <option value="台湾">]</option> <option value="其它"></option></select></textarea></div>