Javascript는 Pinyin_form의 첫 글자 특수 효과를 통해 드롭다운 목록의 빠른 선택을 구현합니다.

下拉列表快速选择

// 获取拼음을首字母 function getPinYin(c ) { execScript("tmp=asc("" c "")", "vbscript"); tmp = 65536 tmp; if(tmp>=45217 && tmp if(tmp>=45253 && tmp if(tmp>=45761 && tmp if(tmp> =46318 && tmp if(tmp>=46826 && tmp if(tmp>=47010 && tmp if((tmp>=47297 && tmp if(tmp>=47614 && tmp if(tmp>=48119 && tmp if(tmp>=49062 && tmp if(tmp> =49324 && tmp if(tmp>=49896 && tmp if(tmp>=50371 && tmp if(tmp>=50614 && tmp if(tmp>=50622 && tmp if(tmp> =50906 && tmp if(tmp>=51387 && tmp if(tmp>=51446 && tmp if(tmp>=52218 && tmp if(tmp>=52698 && tmp if(tmp> =52980 && tmp if(tmp>=53689 && tmp if(tmp>=54481 && tmp return c.charAt(0); }

// 도우미 선택 SelectHelper = new function() { // 初始化 this.init = function() { document.attachEvent("onkeypress", function() { var elm = event.srcElement; if (elm.tagName == "SELECT" && elm.className .indexOf("SelectHelper") == -1) { elm.className = "SelectHelper"; elm.attachEvent("onkeypress", SelectHelper.getNextKeyItem); elm.fireEvent("onkeypress" , event); } }); } // 获取选项文本的首字符 function getItemKeyChar(option) { return option.text.charAt(0) .toUpperCase(); } // 查找并选中匹配的选项 this.getNextKeyItem = function() { var elm = event.srcElement; var index = elm.selectedIndex 1; do { if (index == elm.length) index = 0; if (index == elm.selectedIndex) return false; // 未找到匹配的选项，则退出 } while (key2Char(event.keyCode) != getPinYin(getItemKeyChar(elm.options[index ]))); elm.selectedIndex = index - 1; // 选中匹配的选项 return false; // 取消원유유의选择功能 } }; /** * 키보드 이벤트에 해당하는 문자 또는 숫자를 반환합니다. * a-z: 97 -> 122 * A-Z: 65 -> 90 * 0-9: 48 -> 🎜>*/ function key2Char(key) { var s = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; if (key >= 97 && key if (key >= 65 && key if (key >= 48 && key return null; } SelectHelper.init(); &lt ;/script> 比如，某选项的拼音首字母为"a",只要按下键盘上的"a"，就可以快速选择该项.

北京 上海 天津 重庆 河北 山西 内蒙古 辽宁 32 吉林 黑龙江 江苏 浙江 &^ 安徽 福建 A1 江西 山东 河南 湖北 湖南 31 广东 广西 海南 A2 四川 贵州 云南 西藏 陕西 甘肃 宁夏 青海 新疆 香港 澳门 台湾 其它 北京 上海 天津 重庆 河北 山西 内蒙古 辽宁 32 吉林 黑龙江 江苏 浙江 &^ 安徽 福建 A1 江西 山东 河南 湖北 湖南 31 广东 广西 海南 A2 四川 贵州 云南 西藏 陕西 간쑤 닝샤 칭하이 신장 홍콩 마카오 대만 기타 드롭다운 목록에서 빠른 선택 예를 들어 특정 옵션의 병음 첫 글자가 "a"인 경우 , 키보드에서 "a"를 누르면 항목을 빠르게 선택할 수 있습니다. 베이징 상하이 텐진 충칭 허베이 산시 내몽골 랴오닝 32 길림 헤이룽장 장쑤 절강 &^ 안후이 푸젠 A1 장시 산둥 허난 후베이 후난 31 광동 광시 하이난 A2 쓰촨 귀저우 운남 티베트 사시 간쑤 닝샤 칭하이 신장 홍콩 마카오 대만 기타 베이징 상해 천진 충칭 허베이 산시 내몽골 랴오닝 32 길림 흑룡강 장쑤 절강 &^ 안후이 푸젠 A1 장시 산둥 허난 후베이 후난 31 광둥 광시 하이난 A2 쓰촨 구이저우 운남 티베트 산시 간쑤 닝샤 칭하이 신장 홍 홍콩 마카오 대만 기타 [Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ] // 获取拼音首字母function getPinYin(c) { execScript("tmp=asc(\""+c+"\")", "vbscript"); tmp = 65536 + tmp; if(tmp>=45217 && tmp =45253 && tmp =45761 && tmp =46318 && tmp =46826 && tmp =47010 && tmp =47297 && tmp =47614 && tmp =48119 && tmp =49062 && tmp =49324 && tmp =49896 && tmp =50371 && tmp =50614 && tmp =50622 && tmp =50906 && tmp =51387 && tmp =51446 && tmp =52218 && tmp =52698 && tmp =52980 && tmp =53689 && tmp =54481 && tmp<=62289) return "Z"; return c.charAt(0);} // select helperSelectHelper = new function() { // 初始化 this.init = function() { document.attachEvent("onkeypress", function() { var elm = event.srcElement; if (elm.tagName == "SELECT" && elm.className.indexOf("SelectHelper") == -1) { elm.className += "SelectHelper"; elm.attachEvent("onkeypress", SelectHelper.getNextKeyItem); elm.fireEvent("onkeypress", event); } }); } // 获取选项文本的首字符 function getItemKeyChar(option) { return option.text.charAt(0).toUpperCase(); } // 查找并选中匹配的选项 this.getNextKeyItem = function() { var elm = event.srcElement; var index = elm.selectedIndex + 1; do { if (index == elm.length) index = 0; if (index == elm.selectedIndex) return false; // 未找到匹配的选项，则退出 } while (key2Char(event.keyCode) != getPinYin(getItemKeyChar(elm.options[index++]))); elm.selectedIndex = index - 1; // 选中匹配的选项 return false; // 取消原有的选择功能 }};/** * 返回键盘事件对应的字母或数字 * a-z: 97 -> 122 * A-Z: 65 -> 90 * 0-9: 48 -> 57 */function key2Char(key) { var s = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; if (key >= 97 && key = 65 && key = 48 && key

Javascript는 Pinyin_form의 첫 글자 특수 효과를 통해 드롭다운 목록의 빠른 선택을 구현합니다.

관련 기사