$('#btn').on('select2:select', function(){
var data = $(this).val();
console.log('选中值:'+data);
每当一个选项被选择或删除触发:
$('#btn').change(function() {
var data = $(this).val();
console.log('选中值:'+data);
更多select2插件的事件请戳:https://select2.org/programmatic-control/events
方法一:$('#btn').on('select2:select', function(){ var data = $(this).val(); console.log('选中值:'+data);});方法二:$(’#btn’).change(function() {var data = $(this).val();console.log(‘选中值:’+data);})
首先说下默认的配置JS$('.select').select2({
placeholder: 'Select an option'
});HTML<input type='text' class="select" />这个就可以很简单的使用了 其他配置项可以到官网看
http://select2.github.io/options.html#core-options
今天主...
这个清除全部问题 是我自己手写的 并非使用他自带的 全部清除
如果使用 select2 自带的全部清除 则会 多次重复触发 change 和 select事件(改变事件 , 和 选中事件) , 还有 子项的删除事件( 即删除单项时触发的事件 ) 这个问题 的存在 导致select2自带的全部清除事件作废.
如果要使用 则
$("#dom").val(null).trigger(“.
var select2Name = "{{$name}}";
var key = '.select2'+select2Name;
var val = "{{$data}}";
// 设置默认选择事件
$(key).val(val).select2()
//初始化Select2
$(key).select2({
placeholder: {id: '', text: "{{$place}}"}, // 同上，这里默认空值为 ''
// 选中事件
$(key).on("select2:
JQuery
插件
Select2详解
Select2是一款
JQuery的下拉表
插件，主要用来优化
select，支持单选和多选，同时也支持分组显示、列表检索、远程获取数据等功能。
配置CSS/JS文件
在项目里直接引入CDN的地址就可以了
<!-- 加载
Jquery -->
<script src="https://code.
jquery.com/
jquery-3.2.1.min.js"></script>
<!-- 加载
Select2 -->
