手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >封装好的省市地区联动控件附下载
封装好的省市地区联动控件附下载
摘要:所有的地址数据都放在js文件里面,调用该控件的方法很简单:vararea=newAreaCtrl("省份:","城市:","地区:");ar...

所有的地址数据都放在js文件里面,调用该控件的方法很简单:

<scripttype="text/javascript">

vararea=newAreaCtrl("省份:","城市:","地区:");

area.write();

</script>

AreaCtrl类最多有3个参数,如上例的"省份","城市","地区",这里的文字是下拉框左边的文字,如果只写1或2个参数,那么控件也只输出省份或省市联动。比如newAreaCtrl("省份","城市"),那么只有2个下拉框,地址精确到城市。

area有2个属性,2个方法。

属性:

name

定义控件名称。值必须是数组类型,比如["Province","City","Area"],将会给3个下拉框定义其name属性,分别为Province,City,Area。

value

初始化控件的默认值。其值必须是地区编码数字,比如广东的编码是440000,深圳的编码是440300

方法:

write

areaObject.write()

输出控件。输出的位置根据此语句的位置而定。

writeIn

areaObject.writeIn(node[,append])

输出控件。输出的位置指定节点而定,node可以是id号,也可以是结构节点。

append为布尔类型值,默认为false。当为true时,控件将在指定的位置续写。

area.js

【封装好的省市地区联动控件附下载】相关文章:

将HTML自动转为JS代码

js实现发送验证码后的倒计时功能

让插入到 innerHTML 中的 script 跑起来的实现代码

javascript基于DOM实现省市级联下拉框的方法

如果文字过长,则将过长的部分变成省略号显示

精确到分钟的js日历控件,日期选择器代码

实现无刷新联动例子汇总

JavaScript常用函数工具集:lao-utils

javascript实时显示当天日期的方法

可输入的下拉框

精品推荐
分类导航