Home > Article > Web Front-end > JS XML linkage implementation code between provinces and cities_javascript skills
JS XML linkage implementation code between provinces and cities_javascript skills
- WBOYOriginal
- 2016-05-16 18:44:50924browse
xml:
Provinces.xml
Copy code The code is as follows:
< ;City ID="427">Huzhou City
< ;City ID="432">Quzhou City
< ;/Province>
Common.js
Copy code The code is as follows:
//Province, city
var provinceDom = null;
function InItDom(fname) {
var tempdom;
try {
tempdom = new ActiveXObject("Microsoft.XMLDOM");
} catch (e) {
try {
tempdom = document.implementation.createDocument("", "", null);
}
catch (e) {
alert(e .message);
}
}
try {
tempdom.async = false;
tempdom.load(fname);
//alert(tempdom.childNodes.length);
}
catch (e) {
}
return tempdom;
}
function InitProvince(provinceid) {
var province = document.getElementById(provinceid);
province.length = 0;
if (provinceDom == null)
provinceDom = InItDom("../config/Provinces.xml");
if (provinceDom != null) {
var proNodes = provinceDom.childNodes[1].childNodes;
//alert(proNodes.length);
for (var i = 0; i < proNodes.length; i ) {
var tempOption = document.createElement("option");
tempOption.value = proNodes[i].getAttribute("Name");
tempOption.text = proNodes[i].getAttribute("Name");
province.options.add(tempOption);
}
//alert(proNodes[1].getAttribute("Name"));
}
}
function ResetCity(province, cityname ) {
var pname=province.value;
var city = document.getElementById(cityname);
city.length = 0;
if (provinceDom == null)
provinceDom = InItDom ("../config/Provinces.xml");
if (provinceDom != null) {
// alert(provinceDom.childNodes[1].childNodes.length);
var root = provinceDom .selectNodes("Root")[0];
//Nodes = objXMLDoc.selectNodes("test/test1/test1");
// alert(root.childNodes.length);
for ( var i = 0; i < root.childNodes.length; i ) {
if (root.childNodes[i].getAttribute("Name") == pname) {
for (var j = 0; j < root.childNodes[i].childNodes.length; j ) {
var tempOption = document.createElement("option");
tempOption.value = root.childNodes[i].childNodes[j] .text;
tempOption.text = root.childNodes[i].childNodes[j].text;
city.options.add(tempOption);
}
break;
}
}
}
}
aspx page:
Copy code The code is as follows:
| UName ： | |
| UCountry ： | |
| UProvince ： | |
| UCity ： | |
| | |
<script>InitProvince('ddlUProvince');</script>
aspx.cs：
复制代码 代码如下:
string province=Request["ddlUProvince"];
string city=Request["ddlUCity"];
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：JS file itself encoding conversion graphic tutorial_javascript skillsNext article：JS file itself encoding conversion graphic tutorial_javascript skills
Related articles
See more- An in-depth analysis of the Bootstrap list group component
- Detailed explanation of JavaScript function currying
- Complete example of JS password generation and strength detection (with demo source code download)
- Angularjs integrates WeChat UI (weui)
- How to quickly switch between Traditional Chinese and Simplified Chinese with JavaScript and the trick for websites to support switching between Simplified and Traditional Chinese_javascript skills