1、DOM方法
var newOption = document.createElement('option'); newOption.appendChild( document.createTextNode('Option text') ); newOption.setAttribute( 'value','Option value' ); selectbox.appendClild( newOption );
2、对象方法
//Option构造函数接受两个参数:文本(text),值(value) 第二个参数可选 var newOption = new Option('Option text','Option value'); selectbox.appendChild( newOption );
3.add方法
/* Option构造函数接受两个参数:文本(text),值(value) 第二个参数可选 add函数有两个函数,标准下:第一个要添加的option,第二个是添加在哪一个option之前 IE下,第二个参数是可选的,将option添加到最后 所以为了兼容只能用,第二个参数必须指定,所以要添加为undefined */ var newOption = new Option('Option text','Option value'); oSel.add( newOption,undefined );//最佳方案
如果想要使得option添加到不同位置,就用DOM技术和insertBefore()