作者: ann71727

[jQuery]使用jQuery對 select 的操作

使用jQuery對select的操作方式有很多種，在此列出我個人常用的方式
1. 取得選擇項目的文字與值
/*—– 單選 —–*/
//  取得被選擇項目的文字
$(“#select”).find(“:selected”).text();
//  取得被選擇項目的值
$(“#select”).find(“:selected”).val();
/*—– 多選 —–*/
//  使用迴圈取得所有被選擇的項目
$(“#select”).find(“:selected”).each(function() {
    alert(this.text);    //  文字
    alert(this.value);   //  值
});
2. 增加項目
$(“#select”).append($(“<option></option>”).attr(“value”, “值“).text(“文字“));

$(“#select”).append(‘<option value=”‘+值+'”>’+文字+'</option>’);

3. 移除選擇的項目
//  移除選擇的項目
$(“#select”).find(“:selected”).remove();
//  移除全部的項目
$(“#select option”).remove();
4. 移除選擇項目後，防止捲軸移到最上面
//  先取得要移除項目的 index
var selectIndex = $(“#select”).find(“:selected”).index();
//  移除選擇的項目
$(“#select”).find(“:selected”).remove();
//  判斷移除項目後，原先的index是否還有option，有的話就直接將此option設定為選取狀態
//  捲軸就不會往上跑了
if ($(‘#select option’).get(selectIndex) != null) {
    $(‘#select option’).get(selectIndex).selected = true;
}
else {
    //  沒有項目的話，判斷select理是否還有option
    //  有的話，表示移除的項目為最後一個，就設定上一個option為選取狀態
    if ($(‘#select option’).length > 0) {
        $(‘#select option’).get(selectIndex – 1).selected = true;
    }

}

[……]

閱讀更多

語系代碼速查 例：zh-tw , en , zh-cn , zh-hk ….等

各國語言代碼表：

南非語 af
阿爾巴尼亞語 sq
阿拉伯語 - 阿拉伯聯合大公國   ar-ae
阿拉伯語 - 巴林 ar-bh
阿拉伯語 - 阿爾及利亞 ar-dz
阿拉伯語 - 埃及 ar-eg
阿拉伯語 - 伊拉克 ar-iq
阿拉伯語 - 約旦 ar-jo
阿拉伯語 - 科威特 ar-kw
阿拉伯語 - 黎巴嫩 ar-lb
阿拉伯語 - 利比亞 ar-ly
阿拉伯語 - 摩洛哥 ar-ma
阿拉伯語 - 阿曼 ar-om
阿拉伯語 - 卡達 ar-qa
阿拉伯語 - 沙烏地阿拉伯 ar-sa
阿拉伯語 - 敘利亞 ar-sy
阿拉伯語 - 突尼西亞 ar-tn
阿拉伯語 - 葉門 ar-ye
巴斯克語 eu
白俄羅斯語 be
保加利亞語 bg
加泰隆尼亞語 ca
中文 zh
中文 - 中國大陸 zh-cn
中文 - 香港 zh-hk
中文 - 新加坡 zh-sg
中文 - 臺灣 zh-tw
克羅埃西亞語 hr
捷克語 cs
丹麥語 da
荷蘭語 nl
荷蘭語 - 比利時 nl-be
英語 en
英語 - 澳大利亞 en-au
英語 - 貝里茲 en-bz
英語 - 加拿大 en-ca
英語 - 愛爾蘭 en-ie
英語 - 牙買加 en-jm
英語 - 紐西蘭 en-nz
英語 - 南非 en-za
英語 - 千里達 en-tt
英語 - 大英國協 en-gb
英語 - 美國 en-us
愛沙尼亞語 et
波斯語 (Farsi) fa
芬蘭語 fi
法羅群島語 fo
法語 - 標準 fr
法語 - 比利時 fr-be
法語 - 加拿大 fr-ca
法語 - 盧森堡 fr-lu
法語 - 瑞士 fr-ch
蓋爾語 - 蘇格蘭 gd
德語 - 標準 de
德語 - 奧地利 de-at
德語 - 列支敦斯登 de-li
德語 - 盧森堡 de-lu
德語 - 瑞士 de-ch
希臘語 el
語系說明 簡短字串
希伯來語 he
印地語 hi
匈牙利語 hu
冰島語 is
印尼語 in
義大利語 - 標準 it
義大利語 - 瑞士 it-ch
日語 ja
韓語 ko
拉脫維亞語 lv
立陶宛語 lt
馬其頓語 mk
馬來語 - 馬來西亞 ms
馬爾他語 mt
挪威語 - 布克莫爾語 no
波蘭語 pl
葡萄牙語 - 標準 pt
葡萄牙語 - 巴西 pt-br
利托 - 羅曼緒方言 rm
羅馬尼亞語 ro
羅馬尼亞語 - 摩爾達維亞 ro-mo
俄語 ru
俄語 - 摩爾達維亞 ru-mo
塞爾維亞語 - 斯拉夫 sr
波紮納語 tn
斯洛維尼亞語 sl
斯洛伐克語 sk
索布語 (Sorbian) sb
西班牙語 - 標準 es
西班牙語 - 阿根廷 es-ar
西班牙語 - 玻利維亞 es-bo
西班牙語 - 智利 es-cl
西班牙語 - 哥倫比亞 es-co
西班牙語 - 哥斯大黎加 es-cr
西班牙語 - 多明尼克共和國 es-do
西班牙語 - 厄瓜多 es-ec
西班牙語 - 瓜地馬拉 es-gt
西班牙語 - 宏都拉斯 es-hn
西班牙語 - 墨西哥 es-mx
西班牙語 - 尼加拉瓜 es-ni
西班牙語 - 巴拿馬 es-pa
西班牙語 - 秘魯 es-pe
西班牙語 - 波多黎各 es-pr
西班牙語 - 巴拉圭 es-py
西班牙語 - 薩爾瓦多 es-sv
西班牙語 - 烏拉圭 es-uy
西班牙語 - 委內瑞拉 es-ve
蘇圖語 (Sutu) sx
瑞典語 sv
瑞典語 - 芬蘭 sv-fi
泰語 th
土耳其語 tr
聰加語 ts
烏克蘭語 uk
烏爾都語 - 巴基斯坦 ur
越南語 vi
科薩語 xh
意第緒語 ji
祖魯語 zu

[……]

閱讀更多

A+ 無障礙網頁規範說明

教育部無障礙全球資訊網–【範例說明】
http://www.batol.net/enable/demo.asp

無障礙網頁的定位點（導盲磚 )
http://bootleq.blogspot.tw/2008/07/blog-post.html

研考會 無障礙檢測工具FreeGo下載-下載單機版檢測工具 Freego

http://www.webguide.nat.gov.tw/wSite/ct?xItem=36316&ctNode=14521&mp=1

最佳範例
研考會 無障礙相關http://www.webguide.nat.gov.tw/wSite/np?ctNode=14519&mp=1

1.定位點必須是「找得到」的

官方堅持使用者以 Ctrl + F 尋找功能搜尋「:::」字串時，必須能「發現」定位點。
……在此戲稱「導盲磚必須看得見」原則。參考官方留言板，以下作法會被退件：
用 display:none 隱藏定位點（相當於由顯示中移除，可能導致沒有定位點）
把 ::: 幾個字改為圖片（Ctrl + F 找不到）
把 ::: 字體設為極端小（Ctrl + F 找得到，但是不容易看到，也是不行）

再者，倒是允許把 ::: 文字顏色設為跟背景色相同，無障礙服務網亦如此設計。

2.定位點數量不宜過多

3.快速鍵（accesskey）不應與瀏覽器的快速鍵設定相同

[……]

閱讀更多