ruoyi bootstrap-select 下拉多选取值及重置

html:

这里的下拉列表数据从若依字典里取值

  • 渠道:
  •  搜索  重置
  • js声明两个方法:提交时获取多选数据,重置时重置多选下拉框

    function doSubmit(){
    	//这里可以直接val获取选中项,也可以遍历选中项获取
    
    	//1.
    	alert($("#channels").val());
        //后端如果用字符串接收,则获取逗号拼接字符串:10001,10002,10003
        //后端如果用数组接收,则获取到的是数组:[10001,10002,10003]
        $("#channelsList").val($("#channels").val());
    
        // 2.
    	//以前不会用val方式时用的笨方法,遍历并收集选中项
    	var str=[];
    	$("#channels option:selected").each(function () {
    		str.push($(this).val());// 收集选中项
    	})
    	$("#channelsList").val(str);//后端通过获取表单数据channelsList获取多选内容(字符串或数组接收)
    }
    
    function doReset() {
    	$("#channels").selectpicker('refresh');//重置下拉框
    }

     

    你可能感兴趣的:(bootstrap,若依,HTML)