1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > js+xml生成级联下拉框代码【javascript】

js+xml生成级联下拉框代码【javascript】

时间:2023-05-05 08:23:54

相关推荐

js+xml生成级联下拉框代码【javascript】

web前端|js教程

级联下拉框

web前端-js教程

需要默认选中时,定义一个变量 var cityId=城市id

下面是js代码

在线记录源码,ubuntu终端寻找软件,爬虫安装出错,php foxmail,网站seo 步骤lzw

function readxml() {

var XmlDoc = null;

if (window.ActiveXObject) {

XmlDoc = new ActiveXObject("Microsoft.XMLDOM");

XmlDoc.async = false;

XmlDoc.load(path + "/web/common/regions.xml");

browse = "ie";

} else if (document.implementation

&& document.implementation.createDocument) {

xmlDoc = document.implementation.createDocument(\, \, null);

xmlDoc.load("regions.xml");

browse = "ff";

} else {

alert(未做与该浏览器的兼容!);

}

var root = XmlDoc.documentElement;

// 获取根节点下面的省节点

var provinces = root.childNodes;

var province = document.getElementByIdx_x_x("province");

var cities = document.getElementByIdx_x_x("regId");

for ( var i = 0; i < provinces.length; i++) {

// 获取省节点的name属性的值

var name = provinces[i].getAttribute("name");

// 创建一个option

var opt = document_createElement_x_x("option");

// 为option添加文本

opt.a(document_createTextNode(name));

// 添加到父节点中

if(cityId!=null&&cityId!=""){

var citys=provinces[i].childNodes;

for(var j=0;j<citys.length;j++){

if(citys[j].getAttribute("id")==cityId){

opt.selected="selected";

for ( var j = 0; j < citys.length; j++) {

// 创建一个option

var opt1 = document_createElement_x_x("option");

opt1.value = citys[j].getAttribute("id");

// 为option添加文本

opt1.a(document_createTextNode(citys[j]

.getAttribute("name")));

// 添加到父节点中

if(citys[j].getAttribute("id")==cityId){

opt1.selected="selected";

}

cities.a(opt1);

}

}

}

}

province.a(opt);

}

province.onchange = function() {

var pce = document.getElementByIdx_x_x("province");

var opts = pce.options;

var opt1 = opts[pce.selectedIndex];

var name = opt1.innerText;

for ( var i = 0; i < provinces.length; i++) {

// 获取省节点的name属性的值

var name1 = provinces[i].getAttribute("name");

if (name == name1) {

cities.length = 1;// 每次改变的时候清空

var pros = provinces[i];

var citys = pros.childNodes;

for ( var j = 0; j < citys.length; j++) {

// 创建一个option

var opt1 = document_createElement_x_x("option");

opt1.value = citys[j].getAttribute("id");

// 为option添加文本

opt1.a(document_createTextNode(citys[j]

.getAttribute("name")));

// 添加到父节点中

cities.a(opt1);

}

}

}

}

}

下面是xml结构

爱打赏源码,ubuntu怎么查看网速,tomcat9部署sll,宠物爬虫知乎,十天学会php 王亮,台州seo综合lzw

便民 源码,vscode快捷键助记,ubuntu装在固态,tomcat 7配置ssl,雅虎财经 爬虫,php 跨域头,闽清一般seo公司,帝国导航怎么仿别人的网站模板,6人模板下载 迅雷下载地址lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。