第一次做二级联动，没有用到对象与二维数组（笨方法，思路简单）

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二个周创建对象什么的都不熟悉，方法虽然笨但也是自己也挺欣慰的。