首先是定义的select元素:
//根据ID获得select元素
var mySelect = document.getElementByIdx_x("mySelect");
方法一:
通过new Option(value,text)函数,第一个参数是显示的文字,第二个参数是value值,如果需要添加其他属性,可以这样:
var opp = new Option("aaa","001");
opp.name = "option1";
//将option添加到select标签里面
mySelect.add(opp);
//添加完成
方法二:
通过document.createElement_x()来创建选项,然后再设置选项的属性。在这里w3c标准是可以设置option的label属性即为显示文本,但事实证明FF并不支持,只是给option增加了一个label属性。而w3c中定义的readonly的属性text,在FF中却可以设置。那么是否需要判断浏览器类型呢?当然不用,该方案代码如下
var option = document.createElement_x('option');
try{
// 二级DOM中该属性为readonly,但FF确可写,且可显示为选项内容
option.text = “aaa”;
}catch(e){
// IE支持label,可以直接显示为选项的文字
option.label