省市区、民族下拉列表框

省市县插件PCASClass.js的基本使用方法

<select id="Province" name="Province"></select>
<select id="City" name="City"></select>
<select id="Area" name="Area"></select>

<script type="text/javascript" src="/scripts/PCASClass.js"></script>
<script type="text/javascript">
    new PCAS("Province","City")
    new PCAS("Province","City","吉林省")
    new PCAS("Province","City","吉林省","吉林市")
    //省市地区联动
    new PCAS("Province","City","Area")
    new PCAS("Province","City","Area","吉林省")
    new PCAS("Province","City","Area","吉林省","松原市")
    new PCAS("Province","City","Area","吉林省","松原市","宁江区")
    //省、市、地区对象取得的值均为实际值。
    //注:省、市、地区提示信息选项的值为""(空字符串)
    new PCAS("Province,请选择省份", "City,请选择城市","Area,请选择地区")//省市区三级联动,无默认,有文字提示
</script>

民族下拉列表

<script type="text/javascript">
var nations = ["汉族", "蒙古族", "回族", "藏族", "维吾尔族", "苗族", "彝族", "壮族", "布依族", "朝鲜族", "满族", "侗族", "瑶族", "白族", "土家族","哈尼族", "哈萨克族", "傣族", "黎族", "傈僳族", "佤族", "畲族", "高山族", "拉祜族", "水族", "东乡族", "纳西族", "景颇族", "柯尔克孜族","土族", "达斡尔族", "仫佬族", "羌族", "布朗族", "撒拉族", "毛南族", "仡佬族", "锡伯族", "阿昌族", "普米族", "塔吉克族", "怒族", "乌孜别克族","俄罗斯族", "鄂温克族", "德昂族", "保安族", "裕固族", "京族", "塔塔尔族", "独龙族", "鄂伦春族", "赫哲族", "门巴族", "珞巴族", "基诺族"];
function initNations() {
    var staff_nation = document.getElementById("nation");
    for (var i in nations) {
        staff_nation.add(new Option(nations[i], nations[i]));
    }
}
initNations();
</script>
原文地址:https://www.cnblogs.com/jronny/p/8393646.html