JS完成注册页面的省市联动（JS内置对象全局函数，select标签操作）

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册</title>
<script type="text/javascript">
function tips(){document.getElementById("usernamespan").innerHTML="<font color='red'>用户名是应该字母</font>";
}
function checkusername(){document.getElementById("usernamespan").innerHTML="<font color='green'>用户名是正确</font>";
}function checkform(){var username=document.getElementById("inputusername").value;if(username==""){window.alert(username);document.getElementById("usernamespan").innerHTML="<font color='green'>用户名是空</font>";return false;}else{document.getElementById("usernamespan").innerHTML="<font color='green'>注册成功</font>";return true;}
}
var arr=new Array(4);
arr[0]=new Array("西安","咸陽");
arr[1]=new Array("鄭州","商丘");
arr[2]=new Array("石家莊","唐山");
arr[3]=new Array("昆明","麗江");
function changecity(value){var city=document.getElementById("city");for(var i=city.options.length;i>0;i--){city.options[i]=null;}for(var i=0;i<arr.length;i++){if(i==value){for(var j=0;j<arr[i].length;j++){var opt=document.createElement("option");var citytext=document.createTextNode(arr[i][j]);opt.appendChild(citytext);city.appendChild(opt);}}}
}
</script>
<style type="text/css" contenteditable="inherit">
div {border: 1px solid blue;width: 100%;
}#bodydiv {width: 90% px;
}.logodiv {border: solid 1px blue;width: 33%;float: left;height: 48px;
}.clear {clear: both;
}.cd {background-color: black;height: 30px;
}
</style>
</head>
<body><div id="bodydiv"><div class="logodiv"><img alt="" src="../imag/head1.png" height=100%></div><div class="logodiv"><img alt="" src="../imag/head2.png" height=100%></div><div class="logodiv"style="padding-top: 5px; text-align: center; height: 43px"align="center"><a href="#">登陆</a> <a href="zhuce.html">注册</a> <a href="#">购物车</a></div><div class="clear"></div><div class="cd"><a href="shouyediv.html">首页</a> <a href="#">手机数码</a> <a href="#">电脑办公</a><a href="#">研烟酒箱包</a></div><divstyle="height: 800px; background-image: url('../imag/zhuce.jpg'); background-size: 100% 100%;"><divstyle=" border: 1px red solid; height:90%;position: absolute;top: 300px;"align="left"><form method="post" action="zhucediv.html"οnsubmit=" return checkform()"><table align="center" border="1" width=50%><tr><td align="right" width=50%>用户名    <td align="left"><input type="text" name="username" value=""οnfοcus="tips()" οnblur="checkusername()" id=inputusername></input><spanid="usernamespan"></span></td></tr><tr><td align="right" width=50%>密码    <td align="left"><input type="password" name="password"οnfοcus="tips()"></input><span id="passwordspan"></span></td></tr><tr><td align="right" width=50%>确认密码    <td align="left"><input type="password" name="repassword"></input><spanid="repassword"></span></td></tr><tr><td align="right" width=50%>邮箱    <td align="left"><input type="text" name="email"></input></td></tr><tr><td align="right" width=50%>性别    <td align="left"><input type="radio" name="sex" value="man"checked="checked">男<input type="radio" name="sex"value="woman">女</td></tr><tr><td align="right" width=50%>生日    <td align="left"><input type="date" name="birth"></td></tr><tr><td align="right" width=50%>爱好    <td align="left"><input type="checkbox" name="love"value="1">看电视<input type="checkbox" name="love"value="2">打游戏<input type="checkbox" name="love"value="3">吃饭<input type="checkbox" name="love" value="4"checked>睡觉</td></tr><tr><td align="right" width=50%>籍贯    <td align="left"><select name="pro"οnchange="changecity(this.value)"><option>--请选择--<option value="0">陕西<option value="1">河南<option value="2">河北<option value="3">云南</select> <select name="city" id="city"><option>--请选择--</select><tr><td align="right" width=50%>头像    <td align="left"><input type="file"></td></tr><tr><td align="right" width=50%>个人简介    <td align="left"><textarea cols="" rows="5" name="a">我是一个</textarea></td></tr><tr><td colspan="2" align="center"><input type="submit"value="注册"><input type="reset" value="重置"></td></tr></table></form></div></div><div><img alt="" src="../imag/q.png" width="100%"></div><div style="text-align: center;"><a href="html.html">关于我们</a>  公司简介  招贤纳士  广告服务  联系方式  合作伙伴  论坛反馈<br>版权声明：Copyright© 1999-2016,赵瑾的网站 , All Rights Reserved</div></div>
</body>
</html>

data

math

JS完成注册页面的省市联动（JS内置对象全局函数，select标签操作）相关推荐

JS(内置对象,全局函数,事件,事件对象)
目录内置对象全局函数事件事件对象内置对象 <!DOCTYPE html> <html><head><meta charset="utf-8 ...
js数据类型、内置对象以及装箱拆箱操作
数据类型基本类型: Number,String,Boolean,Null,Undefined,Symbol.BigInt 访问:基本数据类型的值是按值访问的. 存储:基本类型的变量是存放在栈内存(S ...
window内置对象和js内置对象与方法
window内置对象一.navigator 代表着浏览器本身的信息: 代码名:navigator.appCodeName 浏览器语言:navigator.browserLanguage 操作系统 ...
Selenium Webdriver 的使用java执行js代码解决 ScriptEngine不支持浏览器内置对象window,document的问题
问题场景: 使用java 掉用js代码,发现 ScriptEngine不支持浏览器内置对象window,document的问题: 问题一:为什么要用java掉用js代码? 比如在抓取(爬取)对方网 ...
JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象
前言絮叨絮叨这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学, ...
js内置对象【学习笔记】
今天系统的学了一下javascript的内置对象.mark相关的知识点: 首先,什么是js的内置对象,它包括了些什么内容?(以下内容转自网上资源的整合) (W3shool JS手册地址:http:// ...
前端-JS基础之常用内置对象
定时器 setTimeout() 用来指定某个函数或字符串在指定的毫秒数之后执行只执行一次 clearTimeout() 清除定时器 /*setTimeout() 有两个参数1.执行体注意:函数传 ...
js内置对象常用方法
js内置对象常用方法 JS内置对象: ● String对象:处理所有的字符串操作 ● Math对象:处理所有的数学运算 ● Date对象:处理日期和时间的存储.转化和表达 ● Array对象:提供一个 ...
js浏览器内置对象和js内置对象
浏览器内置 1.Location 对象 hash :返回一个URL的锚部分 host 返回一个URL的主机名和端口 hostname 返回URL的主机名 href 返回完整的URL pathname ...

JS完成注册页面的省市联动（JS内置对象全局函数，select标签操作）

JS完成注册页面的省市联动（JS内置对象全局函数，select标签操作）相关推荐

最新文章

热门文章