JS——省市二级联动

2021-04-25 02:27

阅读:468

YPE html>

标签:inpu   form   png   doc   alt   var   action   element   select   

1、核心代码:

其中用到了数组的遍历、DOM。

 
籍贯
                            
                                select onchange="changeCity(this.value)">
                                    












select>
                                select id="city">
                                    
                                select>
                            

2、完整代码:

"UTF-8">
        省市二级联动
"1px" align="center" width="1300px" cellpadding="0px" cellspacing="0px">
"600px" ">
"#" method="get" name="regForm" onsubmit="return checkForm()"> "1px" width="450px" height="400px" align="center" cellpadding="0px" cellspacing="0px" bgcolor="white">
用户名 "text" name="user" size="34px" id="user" onfocus="showTips(‘user‘,‘用户名必填!‘)" onblur="check(‘user‘,‘用户名不能为空!‘)"/> "userspan">
密码 "password" name="password" size="34px" id="password" onfocus="showTips(‘password‘,‘密码必填‘)" onblur="check(‘password‘,‘密码不能为空!‘)"/> "passwordspan">
确认密码 "password" name="repassword" size="34px" id="repassword">
Email "text" name="email" size="34px" id="email"/>
姓名 "text" name="username" size="34px" id="username">
性别 "radio" name="sex" value=""/>"radio" name="sex" value=""/>
出生日期 "text" name="birthday" size="34px" id="birthday">
籍贯 select onchange="changeCity(this.value)"> select> select id="city"> select>
"2">
"submit" value="注册" />

显示效果:

技术图片

 

JS——省市二级联动

标签:inpu   form   png   doc   alt   var   action   element   select   

原文地址:https://www.cnblogs.com/zhai1997/p/12231980.html


评论


亲,登录后才可以留言!