前端制作民族下拉列表，一次写56个option太笨了，编写一个js库然后直接引用~

发布网友发布时间：2022-04-23 15:19

共3个回答

热心网友时间：2022-04-23 16:49

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>pro.html</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
var national = [
            "汉族", "壮族", "满族", "回族", "苗族", "维吾尔族", "土家族", "彝族", "蒙古族", "藏族", "布依族", "侗族", "瑶族", "朝鲜族", "白族", "哈尼族",
            "哈萨克族", "黎族", "傣族", "畲族", "傈僳族", "仡佬族", "东乡族", "高山族", "拉祜族", "水族", "佤族", "纳西族", "羌族", "土族", "仫佬族", "锡伯族",
            "柯尔克孜族", "达斡尔族", "景颇族", "毛南族", "撒拉族", "布朗族", "塔吉克族", "阿昌族", "普米族", "鄂温克族", "怒族", "京族", "基诺族", "德昂族", "保安族",
            "俄罗斯族", "裕固族", "乌孜别克族", "门巴族", "鄂伦春族", "独龙族", "塔塔尔族", "赫哲族", "珞巴族"
    ];
    window.onload = function ()
    {
    var nat = document.getElementById ("national");
    for ( var i = 0; i < national.length; i++)
    {
    var option = document.createElement ('option');
    option.value = i;
    var txt = document.createTextNode (national[i]);
    option.appendChild (txt);
    nat.appendChild (option);
    }
    }
</script>
</head>
<body>
<select id="national">
</select>
</body>
</html>

热心网友时间：2022-04-23 18:07

id="nation"

热心网友时间：2022-04-23 19:41

没怎么弄过的啊

前端制作民族下拉列表，一次写56个option太笨了，编写一个js库 然后 直接引用~

前端制作民族下拉列表，一次写56个option太笨了，编写一个js库然后直接引用~