天天综合天天干,一本一道,国产精品一二三区

javascript 根據(jù)漢字拼音首字母快速定位下拉列表

深山行者個人網(wǎng)站 2011/1/17 15:42:22 深山行者字體:大中小瀏覽 9386

以下為詳細代碼

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>JS根據(jù)漢字拼音首字母快速定位下拉列表.htm</title>
<script type="text/javascript" language="JavaScript">
// 獲取拼音首字母
function getPinYin(c) {
execScript("tmp=asc(\""+c+"\")", "vbscript");
tmp = 65536 + tmp;
if(tmp>=45217 && tmp<=45252) return "A";
if(tmp>=45253 && tmp<=45760) return "B";
if(tmp>=45761 && tmp<=46317) return "C";
if(tmp>=46318 && tmp<=46825) return "D";
if(tmp>=46826 && tmp<=47009) return "E";
if(tmp>=47010 && tmp<=47296) return "F";
if((tmp>=47297 && tmp<=47613) || (tmp == 63193)) return "G";
if(tmp>=47614 && tmp<=48118) return "H";
if(tmp>=48119 && tmp<=49061) return "J";
if(tmp>=49062 && tmp<=49323) return "K";
if(tmp>=49324 && tmp<=49895) return "L";
if(tmp>=49896 && tmp<=50370) return "M";
if(tmp>=50371 && tmp<=50613) return "N";
if(tmp>=50614 && tmp<=50621) return "O";
if(tmp>=50622 && tmp<=50905) return "P";
if(tmp>=50906 && tmp<=51386) return "Q";
if(tmp>=51387 && tmp<=51445) return "R";
if(tmp>=51446 && tmp<=52217) return "S";
if(tmp>=52218 && tmp<=52697) return "T";
if(tmp>=52698 && tmp<=52979) return "W";
if(tmp>=52980 && tmp<=53688) return "X";
if(tmp>=53689 && tmp<=54480) return "Y";
if(tmp>=54481 && tmp<=62289) return "Z";
return c.charAt(0);
}
// select helper
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; // 取消原有的選擇功能
}
};
/**
* 返回鍵盤事件對應的字母或數(shù)字
* a-z: 97 -> 122
* A-Z: 65 -> 90
* 0-9: 48 -> 57
*/
function key2Char(key) {
var s = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
if (key >= 97 && key <= 122) return s.charAt(key - 97);
if (key >= 65 && key <= 90) return s.charAt(key - 65);
if (key >= 48 && key <= 57) return "" + (key - 48);
return null;
}
SelectHelper.init();
</script>
</head>
<body>
比如，某選項的拼音首字母為"a",只要按下鍵盤上的"a"，就可以快速選擇該項。<br />
<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>

前一頁:javascript日期驗證比較

后一頁:javascript取漢字拼音首字母縮寫程序

相關閱讀: css里expression實現(xiàn)界面對象的批量控制; 模仿as效果的跳動導航菜單; javascript日期驗證比較; 網(wǎng)站需要SEO 基本的SEO建站要點; CSS設計網(wǎng)頁頭部的優(yōu)化寫法; 旅行社巴黎游主題模板效果; 添加一個防下載字段(長二進制數(shù)據(jù))來防止ACCESS數(shù)據(jù)庫被下載; jquery獲得當前所有input表單數(shù)據(jù)并進行序列化的各種問題與解決方案serialize與serializeArray的區(qū)別分析

共有0條關于《javascript 根據(jù)漢字拼音首字母快速定位下拉列表》的評論: 發(fā)表評論

正在加載評論......

返回頂部發(fā)表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關政策法規(guī)。
驗證碼:

網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發(fā); 微信小程序開發(fā); 微信公眾號開發(fā); uni-app; asp函數(shù)庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: input文本輸入框只能輸入數(shù)字或字母或漢字等; 用于深山在線投票的一個javascript統(tǒng)計checkbox現(xiàn)在選中的個數(shù)一邊點復選框一邊驗證并計算現(xiàn)在選了多少個復選框; 利用javascript簡短功能就可以檢查form表單中的元素是否已經(jīng)填寫; javascript日期驗證比較; javascript 根據(jù)漢字拼音首字母快速定位下拉列表; javascript取漢字拼音首字母縮寫程序

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現(xiàn)：無法載入您的Firefox配置文件它可能已經(jīng)丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: DateDiff(計算類型,日期1,日期2)計算兩個日期之間的差; 實現(xiàn)windows關機效果代碼; window.location.href和setTimeout結合時間錯誤; 另一個省市二級關聯(lián)select下拉菜單代碼; 取得鼠標所在位置的對象; 深山留言板V2.1 Build 090620

更多標簽熱門標簽

注冊杈規(guī) 對話框 2003 彈出 163 dw 訪問量數(shù)據(jù) 滾動滑輪記錄獲得項目 tag 工作室限制灰色 skype height 商城市信息 ajax 緩沖 class 高度 imprt 代碼轉換 div 查找省市分隔符處理 rad font-size 導航奮斗 FireFox 面板模仿插件縮略圖創(chuàng)業(yè) 框移愛墻 jpg 變大閉合 shift

国产免费av片在线观看-国产免费av观看-国产免费av电影-国产免费a-四虎网站在线观看-四虎网站在线

javascript 根據(jù)漢字拼音首字母快速定位下拉列表