<html>
<head>
<title>省市级联</title>
<script type="text/javascript">
function mysub(){
document.myf.submit();
}
function showerr(val){
var reg=/^\w{6,12}$/gi;
if(reg.test(val)==false){
document.getElementById("info").style.display="inline";
return false;
}
document.getElementById("info").style.display="none";
return true;
}
var arrprov=new Array();
arrprov["湖南"]=new Array("长沙","株洲");
arrprov["湖北"]=new Array("武汉","荆州");
arrprov["河南"]=new Array("郑州","石家庄");
arrprov["河北"]=new Array("保定","开封");
function init(){
// 取到下拉列表
var prov=document.myf.prov;
//清除原来已经存在的省份
prov.options.length=0;
var pname;
var index=0;
for(i in arrprov){
//取到第一个值并为后面的市传值
if(index==0){
pname=i;
}
index++;
//将新的省份放进options中
var newpro=new Option(i,i);
prov.options.add(newpro);
}
showcity(pname);
}
function showcity(proname){
var city=document.myf.city;
city.options.length=0;
for(var i in arrprov[proname]){
var newcity=new Option(arrprov[proname][i],arrprov[proname][i]);
city.options.add(newcity);
}
}
</script>
</head>
<form name="myf" action="http//www.baidu.com" method="post">
<table>
<tr>
<td colspan="2">用户注册</td>
</tr>
<tr>
<td>用户名:</td>
<td><input type="text" name="uname" onblur="showerr(this.value)"/><div style="display:none;" id="info">用户名必须是6-12之间且要是数字,下划线,字母组成</div></td>
</tr>
<tr>
<td>
<select name="prov" onchange="showcity(this.value)">
<option></option>
</select>省
<select name="city">
<option></option>
</select>市
</td>
</tr>
<tr>
<td colspan="2">
<input type="button" value="注册" onclick="mysub()"/>
<input type="reset" value="清空" onclick="showerr('sadadads')"/>
</td>
</tr>
</table>
</form>
<body onload="init()">
</body>
</html>
分享到:
相关推荐
纯JS写的一个省市级联效果纯JS写的一个省市级联效果纯JS写的一个省市级联效果纯JS写的一个省市级联效果纯JS写的一个省市级联效果纯JS写的一个省市级联效果纯JS写的一个省市级联效果纯JS写的一个省市级联效果纯JS写的...
ajax省市级联相当有用,可以根据项目需求进行改动
省市级联Ajax\省市级联Ajax\省市级联Ajax\省市级联Ajax\省市级联Ajax\
实现省市级联效果 代码类 使用dwr实现省市级联实际开发例子
使用javaScript实现省市级联(二级级联,不能三级级联)
省市级联完整代码
绝对给力的 省市级联demo [removed][removed] [removed][removed] [removed][removed] <style type="text/css"> #province{ width:90px; margin-left:5px} #city{ width:130px; margin-left:5px} #...
AJAX省市级联
javascript 省市级联特效javascript 省市级联特效
用jquery实现的省市级联,使用jquery和servlet结合技术共同开发的
省市级联列表,数据库是SQLserver2008,大家可以参考一下,有什么需要改正的,可以提出来一起改正,大家一起学习。
省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联省市级联
js省市级联js省市级联js省市级联js实现省市级联操作
javascript省市级联 第一次上传 请多多支持
简单实现js省市级联效果->>>>还在等待什么?->>>>javascript和json放在同个页面,方便查看。
利用dreamwear进行省市级联的开发
mvc 实现省市级联效果,里面有案例和说明。
超强的jquery省市级联,效果很炫,很好,很强大!!
JAVA实现省市级联,有需要的可以参考一下
jquery省市级联插件,供大家一起共同分享学习。