<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    自動對select表單列表進行排序(收藏)

    Posted on 2007-03-22 15:55 Jaunt 閱讀(498) 評論(0)  編輯  收藏 所屬分類: JavaScript
    自動對select表單列表進行排序

    <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "<html xmlns="<head>
    <title>runcode</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Author" content="Sheneyan" />
    <script type="text/javascript">
    function s(n){
    ? var o=document.getElementById(n);
    ? if (!o) return ;
    ? var t=[],tt=o.options;
    ? while(tt.length>0){
    ? t[t.length]=tt[0].text;
    ? tt.remove(0);
    ?}
    ?t.sort();
    ? for(var i=0,c;c=t[i];i++){
    ? tt.add(new Option(c));
    ?}
    }
    </script>
    </head>
    <body onload="s('abc')">
    <select id="abc">
    <option>華碩</option>
    <option>.NET </option>
    <option>360 安全衛士</option>
    <option>ACDSee</option>
    <option>Adobe</option>
    <option>Firewall</option>
    <option>Alcohol 120%</option>
    <option>AMD</option>
    <option>AnyDVD</option>
    <option>Apple</option>
    <option>ATi</option>
    <option>AutoDesk</option>
    <option>羅技</option>
    <option>BitComet</option>
    <option>BitSpirit(比特精靈)</option>
    <option>BlackIce</option>
    <option>BlueTooth</option>
    <option>Cisco </option>
    <option>CloneCD</option>
    <option>CloneDVD</option>
    <option>CS-半條命</option>
    <option>CuteFTP</option>
    <option>千千靜聽</option>
    <option>趨勢科技(PC-cillin)</option>
    <option>DAEMON Tools</option>
    <option>DELL</option>
    <option>DirectX</option>
    <option>DivX</option>
    <option>DreamMail</option>
    <option>PowerDVD</option>
    <option>Easy CD-DA</option>
    <option>瑞星(Rising)</option>
    <option>Editplus</option>
    <option>EmEditor</option>
    <option>eMule</option>
    <option>eMule Plus</option>
    <option>FeedDemon</option>
    <option>FileZilla</option>
    <option>FlashFXP</option>
    <option>Flashget</option>
    <option>foobar2000</option>
    <option>Foxit PDF Reader</option>
    <option>Foxmail</option>
    <option>FreeBSD</option>
    <option>FTPRush</option>
    <option>Gmail</option>
    <option>Google talk</option>
    <option>Google</option>
    <option>GoogleToolbar</option>
    <option>GoSURF</option>
    <option>GreenBrowser</option>
    <option>HP</option>
    <option>HyperSnap-DX</option>
    <option>IBM</option>
    <option>ICQ</option>
    <option>iMac G5</option>
    <option>Intel</option>
    <option>Internet Explorer</option>
    <option>IPB</option>
    <option>iTune</option>
    <option>騰訊</option>
    <option>微軟</option>
    <option>木馬克星(iparmor)</option>
    <option>天網防火墻</option>
    <option>木馬捆綁克星</option>
    <option>風云防火墻個人版</option>
    <option>卡巴斯基(Kaspersky)</option>
    <option>Maxthon 傲游</option>
    <option>Media Player Classic</option>
    <option>Windows Media Player</option>
    <option>Windows Live Messenger</option>
    <option>Microsoft AntiSpyware</option>
    <option>Microsoft Office</option>
    <option>Mozilla FireFox</option>
    <option>Mozilla ThunderBird</option>
    <option>MySQL</option>
    <option>Nero</option>
    <option>NetCaptor</option>
    <option>Nettransport</option>
    <option>nVIDIA nForce</option>
    <option>魚魚桌面秀</option>
    <option>Opera</option>
    <option>PHP</option>
    <option>QQ病毒專殺工具</option>
    <option>QuickTime</option>
    <option>RealPlayer</option>
    <option>skype</option>
    <option>SQL Server 2005</option>
    <option>stylexp</option>
    <option>TheWorld Browser</option>
    <option>TuneUp Utilities</option>
    <option>UltraEdit</option>
    <option>UltraISO</option>
    <option>Winamp</option>
    <option>Windows OneCare</option>
    <option>Windows優化王</option>
    <option>Windows優化大師</option>
    <option>WinDVD</option>
    <option>WinRAR</option>
    <option>WinZip</option>
    <option>XnView</option>
    <option>Zonealarm</option>
    <option>Zoom Player</option>
    <option>超級兔子</option>
    <option>風雷影音</option>
    <option>急速啟動 HurryRun</option>
    </select>
    </body>
    </html>

    主要有以下幾點總結:
    1,select控件本身支持字母索引。比如select控件處于焦點中的時候,按B鍵,option中相應的以B開頭的選項就會顯示出來。

    2,這段代碼寫的較好!這段代碼的作用是一項一項賦值select空間列表內容賦給另一個數組。
    var?t=[],tt=o.options;
    ??
    while?(tt.length>0){
    ????t[t.length]
    =tt[0].text;
    ????tt.remove(
    0);
    ??}

    首先定義數組t=[],用于存儲原select控件列表內容。
    tt=o.options;讀取select空間內容,以數組形式存儲在tt數組中。
    t[t.length]=tt[0].text;這里時一個技巧,因為t.length總是比當前t的最大索引大1,所以這樣寫數組t可以自動增加空間。tt[0].text這里每次都讀取第一個內容,然后用tt.remove(0);刪除第一項內容,直至讀取完畢。

    3,這段代碼對新數組內容按字母派訊,然后寫入原select空間列表。
    t.sort();
    ??for?(var?i=0,c;c=t[i];i++){
    ????tt.add(
    new?Option(c));
    ??}


    From Index:
    http://www.cnitblog.com/yemoo/archive/2006/06/20/12573.html
    主站蜘蛛池模板: 真实乱视频国产免费观看| 国产卡一卡二卡三免费入口| 免费成人午夜视频| 亚洲s码欧洲m码吹潮| 成人免费无码大片a毛片| 最新亚洲精品国偷自产在线| 我要看免费的毛片| 亚洲av无码专区在线电影天堂| 午夜电影免费观看| 精品无码专区亚洲| 亚洲国产精品国产自在在线 | 亚洲A∨无码一区二区三区| 成年男女免费视频网站| 亚洲国产乱码最新视频| 国产精品另类激情久久久免费| 国产精品日本亚洲777| 亚洲熟伦熟女新五十路熟妇 | 美女隐私免费视频看| 亚洲国产中文v高清在线观看| 美女无遮挡拍拍拍免费视频| 亚洲av福利无码无一区二区| 亚洲精品免费在线视频| 亚洲欧洲AV无码专区| 亚洲午夜日韩高清一区| 国内精品免费视频精选在线观看 | 香蕉国产在线观看免费| 国产亚洲3p无码一区二区| 亚洲视频在线观看免费视频| 中文有码亚洲制服av片| 国产日韩成人亚洲丁香婷婷| 久久黄色免费网站| 亚洲熟妇少妇任你躁在线观看| 亚洲 国产 图片| 精品无码AV无码免费专区| 亚洲国产AV一区二区三区四区 | 亚洲精品国产精品乱码不卡| 污视频在线免费观看| 亚洲精品无码人妻无码| 国产V亚洲V天堂无码| 成人片黄网站色大片免费| 成人免费一区二区三区|