selectedIndex返回被选中的option的index.

  /

 　　　　<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;
      }
    }
    

 

转载于:https://www.cnblogs.com/hello321/p/7822989.html