multiple-select下拉多选框使用(编辑)

HTML部分
获取数据库原选定值

<input type="hidden" id="part_select" name="part_select" value="{
    
    $vo.part_select}">

引用(示例为在用部分源码,请自己分析后参考)

<div class="col-sm-8" id="partdiv" >
	 <select   id='part' name='part' multiple style='width:300px;' onchange='partchange(this,this.form.partno_select)' > 
	 </select>	
</div>

JS部分

var city1;
    var pv, cv;
    var i, ii; 
	city1=document.getElementById("part");
    pv=document.getElementById("corp_select").value; 
    city1.length=1;
	 var destOpts = city1.options;
    if(pv=='') return;
    if(typeof(cities[pv])=='undefined') return;
    for(i=0; i<cities[pv].length; i++)
    {
    
    
       ii = i;
       city1.options[ii] = new Option();
       city1.options[ii].text = cities[pv][i];
       city1.options[ii].value = cities[pv][i];
    } 
		$("#part").multipleSelect({
    
    
           placeholder:"请选择", 
           selectAll:"true", 
           width:"200", 
           selectAllText:"全选", 
           container:"body", 
           allSelected:'已全选', 
           countSelected:'#项已选中' 

       });
	   var $partstr=document.getElementById("part_select").value;
	   var $partarr=new Array(); //定义一数组 
	   $partarr=$partstr.split(",");
		$("#part").multipleSelect('setSelects',$partarr);

猜你喜欢

转载自blog.csdn.net/taogunet/article/details/113555764