关于EXCLE 下拉框多选的设置。
 本文转载于：https://www.cnblogs.com/boosasliulin/p/5970120.html
 本文转载于：https://blog.csdn.net/qq_33269520/article/details/81173811
 
打开Exlce，设置数据有效性
 
 确定，然后
 
 右击查看代码，把这段代码复制到新建的文件里面
 
 此时Excel会给出提示，选择否，
 
 系统会提示保存，在保存的时候选择启用宏的工作簿然后保存，此时Excel下拉框多选就搞定了，最后，代码如下：
 
Option Explicit
 
Sub Worksheet_Change(ByVal Target As Range)
 '让数据有效性选择 可以多选,重复选
 Dim rngDV As Range
 Dim oldVal As String
 Dim newVal As String
 If Target.Count > 1 Then GoTo exitHandler
 
On Error Resume Next
 Set rngDV = Cells.SpecialCells(xlCellTypeAllValidation)
 On Error GoTo exitHandler
 
If rngDV Is Nothing Then GoTo exitHandler
 
If Intersect(Target, rngDV) Is Nothing Then
 'do nothing
 Else
 Application.EnableEvents = False
 newVal = Target.Value
 Application.Undo
 oldVal = Target.Value
 Target.Value = newVal
 If oldVal = “” Then
 Else
 If newVal = “” Then
 Else
 Target.Value = oldVal _
 & ", " & newVal
 End If
 End If
 End If
 
exitHandler:
 Application.EnableEvents = True
 End Sub
 
上面代码是为整个EXCLE设置多选，下面这段代码是为某行，或者
 某几行设置多选
 Option Explicit
 
Sub Worksheet_Change(ByVal Target As Range)
 '让数据有效性选择 可以多选,重复选
 Dim rngDV As Range
 Dim oldVal As String
 Dim newVal As String
 If Target.Count > 1 Then GoTo exitHandler
 
On Error Resume Next
 Set rngDV = Cells.SpecialCells(xlCellTypeAllValidation)
 On Error GoTo exitHandler
 
If rngDV Is Nothing Then GoTo exitHandler
 
If Intersect(Target, rngDV) Is Nothing Then
 'do nothing
 Else
 Application.EnableEvents = False
 newVal = Target.Value
 Application.Undo
 oldVal = Target.Value
 Target.Value = newVal
 If Target.Column = 3 Or Target.Column = 3 Then '这里规定好哪一列的数据有效性是多选的，A列是第1列，依次类推，如3就是C列，7就是G列，设置多个用Or连接
 If oldVal = “” Then
 'do nothing
 Else
 If newVal = “” Then
 'do nothing
 Else
 If InStr(1, oldVal, newVal) <> 0 Then '重复选择视同删除
 If InStr(1, oldVal, newVal) + Len(newVal) - 1 = Len(oldVal) Then '最后一个选项重复
 Target.Value = Left(oldVal, Len(oldVal) - Len(newVal) - 1)
 Else
 Target.Value = Replace(oldVal, newVal & “,”, “”) '不是最后一个选项重复的时候处理逗号
 End If
 Else '不是重复选项就视同增加选项
 Target.Value = oldVal & “,” & newVal
 ’ NOTE: you can use a line break,
 ’ instead of a comma
 ’ Target.Value = oldVal _
 ’ & Chr(10) & newVal
 End If
 End If
 End If
 End If
 End If
 
exitHandler:
 Application.EnableEvents = True
 End Sub

1.增加multiple属性值，name值加上[ ]，不加是单选例如：
 
         <select name="subtype[]" multiple style="height:100px;">                     
             {volist name="sbtype" id="v"}
                 <option value="{$v.id}">{$v.title}</option>
             {/volist}
         </select>
 
2.设置默认多选值：
 
第一种方式（我这里是用的无效，我用的是第二种方式，你们可以尝试下这种）
 
<script>
// 初始化
$("select[name='column']").multipleSelect({
　　placeholder: "请选择",
　　selectAllText:'全选',
　　allSelected:'选择全部'
}); 
// 设置默认选中
$("select[name='column']").multipleSelect('setSelects', [1,2]);
</script>
 
第二种：
 

 
thymeleaf下拉框多选回显
 
下拉框多选
add.html
新增--后台代码
edit.html
编辑--后台代码
 

 
下拉框多选
 
add.html
 
页面引入css文件 select2.min.css 、 select2-bootstrap.css 、 bootstrap-select.css
 引入js文件 select2.min.js 、bootstrap-select.js
 页面代码：
 
<div class="form-group" id="knowledge">
	<label class="col-sm-3 control-label is-required">需复习知识点：</label>
	<div class="col-sm-8">
		<select id="needReviewKpIdS" name="needReviewKpIdS" class="form-control select2-multiple" multiple>
			<option value="">请选择知识点</option>
			<option th:each="kp:${kps}" th:value="${kp.kpId}"th:text="${kp.kpName}"></option>
		</select>
	</div>
</div>
<div class="form-group">
	<label class="col-sm-3 control-label is-required">知识点掌握程度：</label>
	<div class="col-sm-8">
		<select id="kpMasteryS" name="kpMasteryS" class="form-control select2-multiple" multiple>
			<option value="">请选择</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>
		</select>
	</div>
</div>
 
新增–后台代码
 
List<Map> kps = new ArrayList<>();
for (int i = 1; i < 10; i++) {
	Map kpmap = new HashMap(8);
	kpmap.put("kpId",i);
	kpmap.put("kpName","知识点"+i);
	kps.add(kpmap);
}
mmap.put("kps",kps);
 
edit.html
 
页面引入css文件 select2.min.css 、 select2-bootstrap.css 、 bootstrap-select.css
 引入js文件 select2.min.js 、bootstrap-select.js
 页面代码：
 
<div class="form-group" id="knowledge">
	<label class="col-sm-3 control-label is-required">需复习知识点：</label>
	<div class="col-sm-8">
		<select id="needReviewKpIdS" name="needReviewKpIdS" class="form-control select2-multiple" multiple>
			<option value="">请选择知识点</option>
			<option th:each="kp:${kps}" th:value="${kp.kpId}" th:text="${kp.kpName}" th:selected="${detailPlanPrev.needReviewKpIdS.contains(kp.kpId)}"></option>
		</select>
	</div>
</div>
<div class="form-group">	
	<label class="col-sm-3 control-label is-required">知识点掌握程度：</label>
	<div class="col-sm-8">
		<select id="kpMasteryS" name="kpMasteryS" class="form-control select2-multiple" multiple>
			<option value="">请选择</option>
			<option value="1" th:selected="${detailPlanPrev.kpMasteryS.contains('1')}">好</option>
			<option value="2" th:selected="${detailPlanPrev.kpMasteryS.contains('2')}">较好</option>
			<option value="3" th:selected="${detailPlanPrev.kpMasteryS.contains('3')}">一般</option>
			<option value="4" th:selected="${detailPlanPrev.kpMasteryS.contains('4')}">差</option>
			<option value="5" th:selected="${detailPlanPrev.kpMasteryS.contains('5')}">较差</option>
			<option value="6" th:selected="${detailPlanPrev.kpMasteryS.contains('6')}">未学习</option>
			<option value="7" th:selected="${detailPlanPrev.kpMasteryS.contains('7')}">待评估</option>
		</select>
	</div>
</div>
 
编辑–后台代码
 
DetailPlanPrev detailPlanPrev = detailPlanPrevService.selectDetailPlanPrevById(id);
mmap.put("detailPlanPrev", detailPlanPrev);
List<Map> kps = new ArrayList<>();
for (int i = 1; i < 10; i++) {
	Map kpmap = new HashMap(8);
	kpmap.put("kpId",String.valueOf(i));
	kpmap.put("kpName","知识点"+i);
	kps.add(kpmap);
}
mmap.put("kps",kps);

[size=large][size=medium][size=small]简单的EXTJS多选下拉框



博客分类： EXTJS

extjs下拉框多选extjs combobox带checkbox 

看了下网上的下拉框多选扩展示例都太复杂了。本来很简单的东西却搞的那么复杂。

贴贴我的代码 很简单

Java代码 收藏代码

var store = new Ext.data.SimpleStore({ 

 fields: ['abbr', 'state', 'nick'], 

 data : Ext.exampledata.states // from states.js 

 }); 

 var combo = new Ext.form.ComboBox({ 

 store: store, 

 displayField:'state', 

 valueField:'abbr', 

 typeAhead: true, 

 mode: 'local', 

 //tpl:'<tpl for="."><div ><span><input type="checkbox" οnclick="myclick(this)" value="{state}" /></span><span class="x-combo-list-item">{state}</span></div></tpl>', 

 tpl:'<tpl for="."><div class="x-combo-list-item"><span><input type="checkbox" {[values.check?"checked":""]} value="{[values.state]}" /></span><span >{state}</span></div></tpl>', 

 triggerAction: 'all', 

 emptyText:'select...', 



 // xtype:'button', 

 selectOnFocus:true, 

 applyTo: 'local-states', 

 onSelect : function(record, index){ 

 if(this.fireEvent('beforeselect', this, record, index) !== false){ 

 record.set('check',!record.get('check')); 

 var str=[];//页面显示的值 

 var strvalue=[];//传入后台的值 

 this.store.each(function(rc){ 

 if(rc.get('check')){ 

 str.push(rc.get('state')); 

 strvalue.push(rc.get('abbr')); 

 } 

 }); 

 this.setValue(str.join()); 

 this.value=strvalue.join(); 

 //this.collapse(); 

 this.fireEvent('select', this, record, index); 

 } 

 } 

 }); [/size][/size][/size]