HTML部分:
省份:<select name="prov" id="prov" οnchange="SFchoose(this,event)"> <option>--请选择省份--</option> <option>广西省</option> <option>云南省</option> </select> 城市:<select name="prov" id="city" οnchange="cityChoose(this,event)"> <option>--请选择城市--</option> </select> <br/> 当前选择的是: <input type="text" id="txtaddr"/> <br/> 请实现下拉框的二级联动效果,测试代码省份4个,每个省份有3--5个城市不等,同时选择的内容显示在下面的文本框中
JavaScript部分:function SFchoose(obj,event){ citySel.length = 1; //每次开始执行添加城市之前只保留城市下拉列表中的第一个option if(SF =="广西省"){ var op1 = document.createElement("option"); var ocity1 = document.createTextNode("南宁"); op1.appendChild(ocity1); citySel.appendChild(op1); //拼接城市option var op2 = document.createElement("option"); var ocity2 = document.createTextNode("桂州"); op2.appendChild(ocity2); citySel.appendChild(op2); var op3 = document.createElement("option"); var ocity3 = document.createTextNode("柳州"); op3.appendChild(ocity3); citySel.appendChild(op3); } if(SF =="云南省"){ var op4 = document.createElement("option"); var ocity4 = document.createTextNode("昆明"); op4.appendChild(ocity4); citySel.appendChild(op4); var op5 = document.createElement("option"); var ocity5 = document.createTextNode("楚雄"); op5.appendChild(ocity5); citySel.appendChild(op5); var op6 = document.createElement("option"); var ocity6 = document.createTextNode("丽江"); op6.appendChild(ocity6); citySel.appendChild(op6); }这个练习开始试过很多方法,虽然都失败了但庆幸自己没有倒下,才学习JS二个周创建对象什么的都不熟悉,方法虽然笨但也是自己也挺欣慰的。
HTML部分:
省份:<select name="prov" id="prov" οnchange="SFchoose(this,event)"> <option>--请选择省份--</option> <option>广西省</option> <option>云南省</option> </select> 城市:<select name="prov" id="city" οnchange="cityChoose(this,event)"> <option>--请选择城市--</option> </select> <br/> 当前选择的是: <input type="text" id="txtaddr"/> <br/> 请实现下拉框的二级联动效果,测试代码省份4个,每个省份有3--5个城市不等,同时选择的内容显示在下面的文本框中
JavaScript部分:function SFchoose(obj,event){ citySel.length = 1; //每次开始执行添加城市之前只保留城市下拉列表中的第一个option if(SF =="广西省"){ var op1 = document.createElement("option"); var ocity1 = document.createTextNode("南宁"); op1.appendChild(ocity1); citySel.appendChild(op1); //拼接城市option var op2 = document.createElement("option"); var ocity2 = document.createTextNode("桂州"); op2.appendChild(ocity2); citySel.appendChild(op2); var op3 = document.createElement("option"); var ocity3 = document.createTextNode("柳州"); op3.appendChild(ocity3); citySel.appendChild(op3); } if(SF =="云南省"){ var op4 = document.createElement("option"); var ocity4 = document.createTextNode("昆明"); op4.appendChild(ocity4); citySel.appendChild(op4); var op5 = document.createElement("option"); var ocity5 = document.createTextNode("楚雄"); op5.appendChild(ocity5); citySel.appendChild(op5); var op6 = document.createElement("option"); var ocity6 = document.createTextNode("丽江"); op6.appendChild(ocity6); citySel.appendChild(op6); }这个练习开始试过很多方法,虽然都失败了但庆幸自己没有倒下,才学习JS二个周创建对象什么的都不熟悉,方法虽然笨但也是自己也挺欣慰的。