首页 > 代码库 > Js实现简单的省市级联的效果
Js实现简单的省市级联的效果
需要注意的是当需要动态添加项的时候一定要
先var newoption=new Option("项","值");
然后再 select.options.add(newoption);
这样才能添加进去
代码如下:
<html><head><script language="javascript"> function changeSever() { var newop1,newop2; //声明两个变量用来添加Option项 switch(document.form1.select1.value) //判断选择的项,注意这里是值不是所选的项,是所选项的值 { case "lt": newop1=new Option("雷霆1区","lt1"); newop2=new Option("雷霆2区","lt2"); break; case "ty": newop1=new Option("天涯1区","lt1"); newop2=new Option("天涯2区","lt2"); break; } document.form1.select2.options.length=0; //把所有的项清空 document.form1.select2.options.add(new Option("请选择相应的服务器")); document.form1.select2.options.add(newop1); //添加项 document.form1.select2.options.add(newop2); }</script></head><body><form name="form1" method="post" action=""> <select name="select1" onChange="changeSever()"> //父下拉框 <option selected>请选择所在区</option> <option value="lt">雷霆</option> <option value="ty">天涯</option> </select> <p><select name="select2"> //子下拉框 <option>请选择服务器</option> </select></form></body></html>
Js实现简单的省市级联的效果
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。