14.3.2添加选项

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()