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

原文地址:https://www.cnblogs.com/jokes/p/9901390.html