部分代码:
province.js
function Province(){
var areaArray = new Array();
this.init = function(xml) {
var doc = this.loadxml(xml);
var properties = doc.getElementsByTagName("Province");
for (var i = 0; i < properties.length; i++) {
var id = properties[i].getAttribute("ID");
var name = properties[i].getAttribute("ProvinceName");
var pid = 0;
areaArray[i] = [id,name,pid];
}
};
this.loadxml = function(xml) {
var xmlDoc;
if (window.ActiveXObject) {
xmlDoc = new ActiveXObject('Microsoft.XMLDOM');
xmlDoc.async = false;
xmlDoc.load(xml);
} else if (document.implementation && document.implementation.createDocument) {
xmlDoc = document.implementation.createDocument('', '', null);
xmlDoc.async = false;
xmlDoc.load(xml);
} else {
return null;
}
return xmlDoc;
};
this.getNextOption = function(pid, selectName) {
var options = "";
for (var i = 0; i < areaArray.length; i++) {
if (areaArray[i][2] == pid) {
if (selectName != null || selectName != "") {
if (selectName == areaArray[i][1]) {
options += "<option value=" + areaArray[i][0] + " selected>" + areaArray[i][1] + "</option>";
} else {
options += "<option value=" + areaArray[i][0] + ">" + areaArray[i][1] + "</option>";
}
} else {
options += "<option value=" + areaArray[i][0] + ">" + areaArray[i][1] + "</option>";
}
}
}
return options;
};
}
proince.xml
<?xml version="1.0" encoding="utf-8"?>
<Provinces>
<Province ID="1" ProvinceName="北京市">北京市</Province>
<Province ID="2" ProvinceName="天津市">天津市</Province>
<Province ID="3" ProvinceName="河北省">河北省</Province>
<Province ID="4" ProvinceName="山西省">山西省</Province>
<Province ID="5" ProvinceName="内蒙古自治区">内蒙古自治区</Province>
<Province ID="6" ProvinceName="辽宁省">辽宁省</Province>
<Province ID="7" ProvinceName="吉林省">吉林省</Province>
<Province ID="8" ProvinceName="黑龙江省">黑龙江省</Province>
<Province ID="9" ProvinceName="上海市">上海市</Province>
<Province ID="10" ProvinceName="江苏省">江苏省</Province>
<Province ID="11" ProvinceName="浙江省">浙江省</Province>
<Province ID="12" ProvinceName="安徽省">安徽省</Province>
<Province ID="13" ProvinceName="福建省">福建省</Province>
<Province ID="14" ProvinceName="江西省">江西省</Province>
<Province ID="15" ProvinceName="山东省">山东省</Province>
<Province ID="16" ProvinceName="河南省">河南省</Province>
<Province ID="17" ProvinceName="湖北省">湖北省</Province>
<Province ID="18" ProvinceName="湖南省">湖南省</Province>
<Province ID="19" ProvinceName="广东省">广东省</Province>
<Province ID="20" ProvinceName="广西壮族自治区">广西壮族自治区</Province>
<Province ID="21" ProvinceName="海南省">海南省</Province>
<Province ID="22" ProvinceName="重庆市">重庆市</Province>
<Province ID="23" ProvinceName="四川省">四川省</Province>
<Province ID="24" ProvinceName="贵州省">贵州省</Province>
<Province ID="25" ProvinceName="云南省">云南省</Province>
<Province ID="26" ProvinceName="西藏自治区">西藏自治区</Province>
<Province ID="27" ProvinceName="陕西省">陕西省</Province>
<Province ID="28" ProvinceName="甘肃省">甘肃省</Province>
<Province ID="29" ProvinceName="青海省">青海省</Province>
<Province ID="30" ProvinceName="宁夏回族自治区">宁夏回族自治区</Province>
<Province ID="31" ProvinceName="新疆维吾尔自治区">新疆维吾尔自治区</Province>
<Province ID="32" ProvinceName="香港特别行政区">香港特别行政区</Province>
<Province ID="33" ProvinceName="澳门特别行政区">澳门特别行政区</Province>
<Province ID="34" ProvinceName="台湾省">台湾省</Province>
</Provinces>
分享到:
相关推荐
element中TimePicker时间选择器禁用部分时间(显示禁用到分钟) 项目需求是:选择日期和时间,只能选择当前时间以后的时间,禁用最小级别到分钟. 有两种选择 1.使用DateTimePicker 日期时间选择器. 2.DatePicker 和 ...
SelectTree是组合element里面的select和tree两者实现的,可以实现多选,单选,同时选中以后关闭下拉框等操作
zcsel:ZéCSS选择器-一种JQuery CSS选择... selector1, selector2, selector3多个选择器:选择所有指定选择器的组合结果; parent > child子选择器:从“ parent”指定的元素中选择“ child”指定的所有直接子元素;
投资组合应用旨在响应仪表板上的单个项目组合选择器的一系列应用程序。投资组合项目选择器应用程序投资组合项目网格投资组合项目的累积流项目组合项目用户故事燃尽投资组合项目看板投资组合项目和里程碑选择器网格...
根据传入的选择器类型选出第一个符合的DOM对象。 ①可以通过id获取DOM对象,例如 $(“#adom”); ②可以通过tagName获取DOM对象,例如 $(“a”); ③可以通过样式名称获取DOM对象,例如 $(“.classa”); ④...
1、可以选择年月或者选择日期,比如:选择年月,在显示框中就显示2022-06,如果选择日期,则显示2022-06-04 2、默认是当前日期,当点击控件时弹框显示定位到当前的年和月,日默认为空
烬委任-槽S -picker小号提供四种不同的选择器S三个分量,以选择一个或多个时隙S,加上可选组合的部件的套件来定制体验。 我们原样从British Gas私有插件中转移了组件,其中一些组件消耗了旧JavaScript库,这些库...
2.4DIV+CSS组合选择器 注意box-sizing 三.JavaScript 用<script></script>标签包围,这里面的代码如同java里面的代码一样有操作性 这里面的数据是弱数据类型 有顺序结构、循环结构、条件结构 还可以写函数,外...
组合器是用于应用程序快捷方式的小型javascript库。 Combinator的编写考虑了最终用户,简单的实践和简单的语法。 ##目录 #### #### #### #### # 配置 设置Combinator非常容易,首先选择所需的Combinator文件,...
b)组合选择器 对多个不同选择器进行相同样式设置的时候应用此选择器。 p,div { color:#FF0000;} <p>P标签显示段落。 <div>DIV标签显示段落 注:多个不同选择器要用逗号分隔开。 c)伪元素选择器 其实就在html中预先...
选择器是可组合的。 它们可以用作其他选择器的输入。 与重新选择的区别 选择器可以在多个组件实例之间共享 选择器可以接受任意数量的参数 选择器具有无限的缓存大小 选择器使用更直观的语法 import { ...
检查选择器是否具有组合器。 安装 $ npm install has-css-combinator 用法 var hasCombinator = require ( 'has-css-combinator' ) hasCombinator ( '.foo+.bar' ) // true hasCombinator ( '.foo + .bar' ) // ...
通过使用新的构造选择器的方法,您应该能够编写更易于组合的选择器。 /* selectors.js**** You never call createSelector in your `selectors.js`** import { createSelector } from 'reselect'*/const ...
不管怎样,代码编辑器通常倾向于令人讨厌的功能组合,对于初学者以及仅想尝试使用 JavaScript 中的新事物的开发人员而言,并不是最佳的解决方案。 JavaScript 代码编辑器 RunJs 中文版JavaScript 代码编辑器 RunJs ...
学习选择器的使用,如元素选择器、类选择器、ID选择器等,以及组合选择器、伪类选择器。 学习布局技术,包括但不限于浮动布局、定位布局以及现代布局方法如Flexbox和Grid布局。 JavaScript 学习JavaScript基本语法...
javascript完全自学手册 目 录 第1篇 JavaScript基础篇 第1章 JavaScript简介 1 1.1 JavaScript概述 1 1.1.1 什么是JavaScript 1 1.1.2 JavaScript的基本特点 2 1.1.3 常用的Web开发语言 3 1.2 JavaScript的应用 4 ...
灰烬时间 ember-pikaday-time是插件和Pikaday的组合,增加了时间选择支持。... 如果应用程序在没有用户交互的情况下设置属性,则日期选择器将相应更新。 Start date: {{ pikaday-input onSelection =
2.3 选择合适的相机 2.4 总结 第3章 使用Three.js里的各种光源 3.1 探索Three.js库提供的光源 3.2 学习基础光源 3.3 总结 第4章 使用Three.js的材质 4.1 理解共有属性 4.2 从简单的网格材质(基础、深度和面...
Planarmap.js Planamap.js是一个(非常初步的)JavaScript库,可轻松与浏览器中的平面图(=嵌入式平面图)进行交互。... :颜色选择器 :拨动开关执照MIT许可证:可免费重复使用。 如果在学术环境中使用,则应( )