首页 > 代码库 > 使用js实现的关联表单
使用js实现的关联表单
使用js实现的关联表单，应用的主要知识是关于js中表单的应用：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#div{
width: 100px;
height: 100px;
}
select{
width: 100px;
height: 50px;
}
</style>
</head>
<body>
<label>
<select id="province" name="province" >
<option>请选择省份</option>
<option >山东</option>
<option >福建</option>
<option >广州</option>
</select>
</label>
<select id="city">
<option>请选择城市</option>
</select>
<script type="text/javascript">
window.onload=function(){
var province=document.getElementById("province");
var city=document.getElementById("city");
var citys=[
["泰安","济南","青岛"],
["厦门","泉州","莆田"],
["广东","东莞","新乡"]
];
province.onchange=function(){
var procity=citys[province.selectedIndex-1];
city.options.length=1;
for(var i=0;i<procity.length;i++){
city.add(new Option(procity[i],procity[i]));
city.children[0].setAttribute("selected","selected");
}
}
}
</script>
</body>
</html>
如上：
知识点：html中表单选项的应用
使用js实现的关联表单
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。