JS对select对象的动态处理

select对象的属性可参照
http://www.w3school.com.cn/jsref/dom_obj_select.asp

对select对象的动态处理，主要是对下拉列表options数组的处理。

w3c给出的用法说明如下：
如果把 options.length 属性设置为 0,Select 对象中所有选项都会被清除。
如果 options.length 属性的值比当前值小，出现在数组尾部的元素就会被丢弃。
如果把 options[] 数组中的一个元素设置为 null，那么选项就会从 Select 对象中删除。
可以通过构造函数 Option() 来创建一个新的 option 对象（需要设置 options.length 属性）。

实例应用

<select id="type"  name="type" onchange="typeChange(this)">
    <option value="">全部</option>
    <option value="1">大</option>
    <option value="2">中</option>
    <option value="3">小</option>
</select>

        // 类型变更事件
        function typeChange (obj) {
            
            // 得到所选择项的文本
            obj.options[objSelect.selectedIndex].text;
            // 得到所选择项的值
            obj.options[objSelect.selectedIndex].value;
            
            //  删除某一项
            obj.options[2] = null;
            // 添加、修改
            obj.options[i] = new Option( "最小" , "4");
            // 删除所有
            obj.options.length=0;
            ("#type").empty()
        }

更多操作方法可参照以下两篇文章，其中的操作本人未验证，仅供参考学习

https://www.cnblogs.com/wangzhen/p/5773695.html

https://www.cnblogs.com/azhqiang/p/4107892.html