js的select部分

动态创建select
function createSelect(){ 
var mySelect = document.createElement("select"); 
mySelect.id = "mySelect"; 
document.body.appendChild(mySelect); 
} 

添加选项option
function addOption(){ 
//根据id查找对象， 
var obj=document.getElementById('mySelect'); 
//添加一个选项 
obj.add(new Option("文本","值")); //这个只能在IE中有效 
obj.options.add(new Option("text","value")); //这个兼容IE与firefox 
} 
删除所有选项option
function removeAll(){ 
var obj=document.getElementById('mySelect'); 
obj.options.length=0; 
} 

删除一个选项option
function removeOne(){ 
var obj=document.getElementById('mySelect'); 
//index,要删除选项的序号，这里取当前选中选项的序号 
var index=obj.selectedIndex; 
obj.options.remove(index); 
} 

获得选项option的值
var obj=document.getElementById('mySelect'); 
var index=obj.selectedIndex; //序号，取当前选中选项的序号 
var val = obj.options[index].value; 

　获得选项option的文本
var obj=document.getElementById('mySelect'); 
var index=obj.selectedIndex; //序号，取当前选中选项的序号 
var val = obj.options[index].text; 

　修改选项option
var obj=document.getElementById('mySelect'); 
var index=obj.selectedIndex; //序号，取当前选中选项的序号 
var val = obj.options[index]=new Option("新文本","新值"); 

　删除select
function removeSelect(){ 
var mySelect = document.getElementById("mySelect"); 
mySelect.parentNode.removeChild(mySelect); 
} 

js selelct多选

html select多选
<div class="divBox">
        <span>水果</span>
        <div class="duiMutiple">
            <div class="divSel">可多选</div>
            <select id="usertype" name="usertype" class="selectpicker show-tick form-control" multiple data-live-search="false">
                <option value="0">苹果</option>
                <option value="1">菠萝</option>
                <option value="2">香蕉</option>
                <option value="3">火龙果</option>
                <option value="4">梨子</option>
                <option value="5">草莓</option>
                <option value="6">哈密瓜</option>
                <option value="7">椰子</option>
                <option value="8">猕猴桃</option>
                <option value="9">桃子</option>
            </select>
        </div>
    </div>

3.js select多选
<script>
        //select多选
            $("#usertype").hide();
            $(".divSel").click(function() {
                $("#usertype").toggle();
            });
            
            $('#usertype').change(function(){
                var o=document.getElementById('usertype').getElementsByTagName('option');
                var all="";
                console.log(o[1]);
                for(var i=0;i<o.length;i++){
                    if(o[i].selected){
                        all+=o[i].text+" ";
                    }
                }
                $('.divSel').html(all);
            })
    </script>