<script>
$(function(){
var b=false;
var b1=false;
var b2=false;
var b3=false;
var b4=false;
var sheng1="";
var shi1="";
var name1="";
var tel1="";
var em1="";
$("#name").blur(function(){
var $name=$(this).val();
if($name!=null&&$name!=""){
name1=$name;
b=true;
}else{
b=false;
}
});
$("#tel").blur(function(){
var $name=$(this).val();
var num=/\d$/;
var s=num.test($name);
if(s&&$name.length==11){
tel1=$name;
b1=true;
}else{
b1=false;
}
});
$("#em").click(function(){
var $name=$(this).val();
if($name.match('@')){
em1=$name;
b2=true;
}else{
b2=false;
}
});
$("#sheng option").click(function(){
var na=$(this).text();
alert(na);
sheng1=na;
$("#shi").empty();
if(na=="河北省"){
var de=$("<option>石家庄</option>");
var de1=$("<option>廊坊</option>");
var de2=$("<option>沧州</option>");
var de3=$("<option>承德</option>");
var de4=$("<option>邯郸</option>");
var de5=$("<option>邢台</option>");
$("#shi").append(de,de1,de2,de3,de4,de5);
$("#shi option").click(function(){
var na=$(this).text();
alert(na);
shi1=na;
b4=true;
});
}else if(na==="四川省"){
var de=$("<option>成都</option>");
var de1=$("<option>重庆</option>");
var de2=$("<option>巴中</option>");
var de3=$("<option>遵义</option>");
var de4=$("<option>宜宾</option>");
var de5=$("<option>眉山</option>");
$("#shi").append(de,de1,de2,de3,de4,de5);
$("#shi option").click(function(){
var na=$(this).text();
alert(na);
shi1=na;
b4=true;
});
}
else if(na==="浙江省"){
var de=$("<option>宁波</option>");
var de1=$("<option>义乌</option>");
var de2=$("<option>丽水</option>");
var de3=$("<option>台州</option>");
var de4=$("<option>临安</option>");
var de5=$("<option>建阳</option>");
$("#shi").append(de,de1,de2,de3,de4,de5);
$("#shi option").click(function(){
var na=$(this).text();
alert(na);
shi1=na;
b4=true;
});
}else if(na==="河南省"){
var de=$("<option>安阳</option>");
var de1=$("<option>洛阳</option>");
var de2=$("<option>信阳</option>");
var de3=$("<option>南阳</option>");
$("#shi").append(de,de1,de2,de3);
$("#shi option").click(function(){
var na=$(this).text();
alert(na);
shi1=na;
b4=true;
});
}
b3=true;
});
$("#but").click(function(){
alert(b+" "+b1+" "+b2+" "+b3+" "+b4);
if(b&&b1&&b2&&b3&&b4){
var $tr=$("<tr></tr>");
var $td1=$("<td>"+name1+"</td>");
var $td2=$("<td>"+em1+"</td>");
var $td3=$("<td>"+tel1+"</td>");
var $td4=$("<td>"+sheng1+"</td>");
var $td5=$("<td>"+shi1+"</td>");
var $a=$("<a href='#'>删除</a>");
var $td6=$("<td></td>");
$td6.append($a);
$tr.append($td1,$td2,$td3,$td4,$td5,$td6);
$("tbody").append($tr);
$a.click(function(){
var s=window.confirm("确认删除");
if(s){
$tr.remove();
}else{
}
});
}else{
alert("条件不满足");
}
});
});
</script>
<style>
table{width: 500px; margin: auto; margin-top: 10px;}
span{margin-left: 70px;}
input{margin-left: 70px; margin-top: 10px;}
</style>
</head>
<body>
<span >姓名:</span><input id="name" type="text" /><br/>
<span>email邮箱:</span><input style="margin-left: 16px;" id="em" type="text" /><br/>
<span>电话:</span><input id="tel" type="text" /><br/>
<span>省:</span><select id="sheng" style="margin-left: 85px; margin-top: 10px;">
<option>河北省</option>
<option>河南省</option>
<option>浙江省</option>
<option>四川省</option>
</select><br/>
<span>城市:</span><select style="margin-left: 57px; margin-top: 10px;" id="shi">
</select><br/>
<input style="margin-left: 120px; " id="but" type="button" value="添加" />
<table border="1px" cellpadding="0px" cellspacing="0px">
<thead>
<th>用户名</th>
<th>email</th>
<th>电话</th>
<th>省份</th>
<th>城市</th>
<th>操作</th>
</thead>
<tbody>
</tbody>
</table>
$(function(){
var b=false;
var b1=false;
var b2=false;
var b3=false;
var b4=false;
var sheng1="";
var shi1="";
var name1="";
var tel1="";
var em1="";
$("#name").blur(function(){
var $name=$(this).val();
if($name!=null&&$name!=""){
name1=$name;
b=true;
}else{
b=false;
}
});
$("#tel").blur(function(){
var $name=$(this).val();
var num=/\d$/;
var s=num.test($name);
if(s&&$name.length==11){
tel1=$name;
b1=true;
}else{
b1=false;
}
});
$("#em").click(function(){
var $name=$(this).val();
if($name.match('@')){
em1=$name;
b2=true;
}else{
b2=false;
}
});
$("#sheng option").click(function(){
var na=$(this).text();
alert(na);
sheng1=na;
$("#shi").empty();
if(na=="河北省"){
var de=$("<option>石家庄</option>");
var de1=$("<option>廊坊</option>");
var de2=$("<option>沧州</option>");
var de3=$("<option>承德</option>");
var de4=$("<option>邯郸</option>");
var de5=$("<option>邢台</option>");
$("#shi").append(de,de1,de2,de3,de4,de5);
$("#shi option").click(function(){
var na=$(this).text();
alert(na);
shi1=na;
b4=true;
});
}else if(na==="四川省"){
var de=$("<option>成都</option>");
var de1=$("<option>重庆</option>");
var de2=$("<option>巴中</option>");
var de3=$("<option>遵义</option>");
var de4=$("<option>宜宾</option>");
var de5=$("<option>眉山</option>");
$("#shi").append(de,de1,de2,de3,de4,de5);
$("#shi option").click(function(){
var na=$(this).text();
alert(na);
shi1=na;
b4=true;
});
}
else if(na==="浙江省"){
var de=$("<option>宁波</option>");
var de1=$("<option>义乌</option>");
var de2=$("<option>丽水</option>");
var de3=$("<option>台州</option>");
var de4=$("<option>临安</option>");
var de5=$("<option>建阳</option>");
$("#shi").append(de,de1,de2,de3,de4,de5);
$("#shi option").click(function(){
var na=$(this).text();
alert(na);
shi1=na;
b4=true;
});
}else if(na==="河南省"){
var de=$("<option>安阳</option>");
var de1=$("<option>洛阳</option>");
var de2=$("<option>信阳</option>");
var de3=$("<option>南阳</option>");
$("#shi").append(de,de1,de2,de3);
$("#shi option").click(function(){
var na=$(this).text();
alert(na);
shi1=na;
b4=true;
});
}
b3=true;
});
$("#but").click(function(){
alert(b+" "+b1+" "+b2+" "+b3+" "+b4);
if(b&&b1&&b2&&b3&&b4){
var $tr=$("<tr></tr>");
var $td1=$("<td>"+name1+"</td>");
var $td2=$("<td>"+em1+"</td>");
var $td3=$("<td>"+tel1+"</td>");
var $td4=$("<td>"+sheng1+"</td>");
var $td5=$("<td>"+shi1+"</td>");
var $a=$("<a href='#'>删除</a>");
var $td6=$("<td></td>");
$td6.append($a);
$tr.append($td1,$td2,$td3,$td4,$td5,$td6);
$("tbody").append($tr);
$a.click(function(){
var s=window.confirm("确认删除");
if(s){
$tr.remove();
}else{
}
});
}else{
alert("条件不满足");
}
});
});
</script>
<style>
table{width: 500px; margin: auto; margin-top: 10px;}
span{margin-left: 70px;}
input{margin-left: 70px; margin-top: 10px;}
</style>
</head>
<body>
<span >姓名:</span><input id="name" type="text" /><br/>
<span>email邮箱:</span><input style="margin-left: 16px;" id="em" type="text" /><br/>
<span>电话:</span><input id="tel" type="text" /><br/>
<span>省:</span><select id="sheng" style="margin-left: 85px; margin-top: 10px;">
<option>河北省</option>
<option>河南省</option>
<option>浙江省</option>
<option>四川省</option>
</select><br/>
<span>城市:</span><select style="margin-left: 57px; margin-top: 10px;" id="shi">
</select><br/>
<input style="margin-left: 120px; " id="but" type="button" value="添加" />
<table border="1px" cellpadding="0px" cellspacing="0px">
<thead>
<th>用户名</th>
<th>email</th>
<th>电话</th>
<th>省份</th>
<th>城市</th>
<th>操作</th>
</thead>
<tbody>
</tbody>
</table>