¿Cómo utilizar js para crear efectos especiales para un control de selección de área?
Primero, escriba un archivo js areaLocation.js:
Defina variables
provinceArray=
Nuevo
array();
provinceArray=[
{"pname ":"Jiangsu",
"País":[
{
"cname": "Nanjing",
"town": ["Distrito de Xuanwu", "Distrito de Baixia", "Distrito de Qinhuai", "Distrito de Jianye", " Yuhuatai", "Distrito de Jiangning",
"Distrito de Liuhe", "Condado de Lishui", "Condado de Gaochun"]},
{
"cname" : "Ciudad de Nantong",
"Ciudad": ["Distrito de Chongchuan", "Distrito de Gangzha", "Ciudad de Qidong", "Ciudad de Rugao", "Ciudad de Tongzhou", "Ciudad de Haimen" ", " Condado de Haian", "Condado de Rudong]]
},
{
"cname": "Suzhou",
"Ciudad ": ["Distrito de Jinchang", "Distrito de Canglang", "Distrito de Pingjiang", "Distrito de Huqiu", "Distrito de Wuzhong", "Ciudad de Zhangjiagang", "Ciudad de Kunshan", "Ciudad de Wujiang", "Ciudad de Taicang]]
}
]
},
{"pname":"Shanghái",
"País": [
{
"cname":"Shanghai",
"Ciudad":["Distrito Xuhui"," "Distrito Putuo", "Distrito Yangpu ", "Distrito de Hongkou", "Distrito de Luwan", "Distrito de Pudong", "Distrito de Huangpu", "Distrito de Changning", "Distrito de Zhabei", "Distrito de Jing'an", "Distrito de Minhang", "Distrito de Songjiang]]
}
]
}
];
Función
areaInitialize() {
Longitud de la provincia = 1;
For (var
i
=
0; i ltprovinceArray .lengthi ){
Definir variables
Evitar
=
provinceArray[i] >
Province.Option [Provincia]. .Longitud]
=
Nueva
Opción(pro, pro);
}
}
Función
Cambiar ubicación (id, ciudad) {
//alert(id);
ciudad.longitud
=
0;
if(id gt; 0){
Definir variables
j = id-1;
Definir variables
i;
Definir variables
País
=
Nuevo
array();
País
=
Provincia Array [j]. País;
ciudad.opciones[0]
=
Nuevas
Opciones('Ilimitado', ' '); p>
es
(I = 0;i
lt
país.longitud;
i ){
Definir variables
cname
=
País[i].
cname
opción de ciudad [longitud de la ciudad]
=
Nueva
opción(cname,
cname ) ;
}
changeTLocation(id, 1, town
}De lo contrario
if(id==0){
Ciudad.Longitud
=
0;
Ciudad.Longitud
=
0;
Opciones de ciudad [city_length]
=
Nueva
Opciones('ilimitada', ' ' );
Opciones de ciudad [Longitud de la ciudad]
=
Nuevas
Opciones('Ilimitado', ' '); >}
}
Función
Cambiar ubicación (pid, cid, ciudad){
// alert(cid);
Definir variables
País
=
Nuevo
array()
Definir variables
Ciudad
=
Nueva
array();
Ciudad.Longitud
=
0;
Definir variables
i;
País
p>=
Matriz de provincias[pid-1]. País;
areaId
=
País[cid-1]. areaId
Ciudad
=
País[cid-1].
Pueblo
ciudad.options[0]
=
Nuevo
Opciones('ilimitado', ' ');
Town.Options[0]
=
Nueva
Opciones('Ilimitado', ' ');
es
(I = 0; i
lt
pueblos.longitud
i ){
Definir variables
tname
=
Ciudad [i]
Opción de ciudad [Longitud de la ciudad]
=
Nueva
Opción(tname, tname);
}
Ciudad.Opción[0]
=
Nueva
Opciones('Ilimitado', ' ');
}
2.
Escribir otra página html:
lt! Tipo de documento
Lenguaje de marcado de hipertexto
Público
“-//W3C//DTD
Lenguaje de marcado de hipertexto
p >4.01
Transicional//EN " >
lthtml gt
lthead gt
lt script
type="text/javascript "
gt lt/script gt;
ltscript
type = " text/JavaScript " gt;
p>ventana .onload = área inicializar();
lt/script gt;
lt/head gt;
ltbody gt
ltSelection
size="1 " >
ltSelection
Value=0
Gt seleccionado -Por favor seleccione-
lt/select gt
ltSelect
size="1 "
gt
ltselect
Valor=0
Gt seleccionado - Seleccione -
lt/select gt;
lt pick
tamaño = 1 gt;
lt opción
valor=0
seleccionado gt-por favor seleccione-
p>
lt/select gt;
lt/cuerpo gt;
lt/html gt;