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

201 阅读 0 评论 133 点赞

我是靠谱客的博主彪壮香菇，最近开发中收集的这篇文章主要介绍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; 