JS对HTML标签select的获取、添加、删除操作

复制代码 代码如下:

  <SELECT NAME="aaa" SIZE="" style="width:200px" >

  <OPTION VALUE="">(空)</OPTION>

  <OPTION VALUE="1">1</OPTION>

  </SELECT>

  

复制代码 代码如下:

  //获得html控件

  var select = document.getElementsByName("aaa")[0];

  select.selectedIndex = index;

  //创建新的Option对象

  new Option(text,value)

  new option(text,value,defaultSelected,selected

  text:字符串,指定option对象的text属性(即<option></option>之间的文字)

  value:字符串,指定option对象的value属性

  defaultSelected:布尔值,指定option对象的defaultSelected属性

  selected:布尔值,指定option对象的selected属性

  //向select中增加Option

  select.add(new Option(text,value))

  //删除

  select.options.remove(index)

  //一次性删除全部

  select.length = 0;