/

 　　　　<label for="city">城市</label>

        <select id="city" name="school">

          <option>北京</option>

          <option>上海</option>

          <option>广州</option>

        </select>

        <label for="school">学校</label>

        <select name="school" id="school">

          <option>北京大学1</option>

          <option>北京大学2</option>

          <option>北京大学3</option>

          <option>北京大学4</option>

          <option>北京大学5</option>

        </select>

/下拉列表联动事件

    city.onchange = function () {

      //selectedIndex返回被选中的option的index.

      //.text 返回option中的文本值

      var text = this.children[this.selectedIndex].text;

      //清空select下面的所有option

      school.length = 0;

      switch (text) {

        case '北京':

          //add() 方法用于向 <select> 添加一个 <option> 元素。

          //new Option() 创建一个option标签

          school.add(new Option('北京大学1'));

          school.add(new Option('北京大学2'));

          school.add(new Option('北京大学3'));

          break;

        case '上海':

          school.add(new Option('上海大学1'));

          school.add(new Option('上海大学2'));

          school.add(new Option('上海大学3'));

          break;

        case '广州':

          school.add(new Option('广州大学1'));

          school.add(new Option('广州大学2'));

          school.add(new Option('广州大学3'));

          break;

      }

    }