使用JAVASCRIPT动态创建一个Select元素

最新推荐文章于 2022-02-16 20:43:51 发布

原创最新推荐文章于 2022-02-16 20:43:51 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #menu #function

asp 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，用于动态生成包含中国各省级行政区划名称的HTML下拉选择框。此函数创建并插入了一个下拉菜单，包含了全国34个省级行政区划及一个额外选项供其他国家或地区使用。

function ShowAddress(){
var menu=new Array(36);
menu[0]="中国";
menu[1]="北京";
menu[2]="上海";
menu[3]="天津";
menu[4]="重庆";
menu[5]="安徽";
menu[6]="福建";
menu[7]="甘肃";
menu[8]="广东";

    menu[9]="广西";
menu[10]="贵州";
menu[11]="海南";
menu[12]="河北";
menu[13]="黑龙江";
menu[14]="河南";
menu[15]="福建";
menu[16]="湖北";
menu[17]="湖南";
menu[18]="江苏";
menu[19]="江西";
menu[20]="吉林";
menu[21]="辽宁";
menu[22]="内蒙";
menu[23]="宁夏";
menu[24]="青海";
menu[25]="陕西";
menu[26]="山东";
menu[27]="山西";
menu[28]="四川";
    menu[29]="新疆";
menu[30]="西藏";
menu[31]="云南";
menu[32]="浙江";
menu[33]="香港";
menu[34]="奥门";
menu[35]="台湾";
menu[36]="其他国家或地区";

var NewOperator=document.createElement("<select name='Address'></select>");
NewOperator.options[0]=new Option("中国",menu[0]);
for(var i=1;i<35;i++){
  NewOperator.options[i]=new Option(menu[i],"中国/"+menu[i]);
  }

    NewOperator.options[NewOperator.options.length]=new Option(menu[36],menu[36]);
document.body.insertBefore(NewOperator);
}