select2下拉插件的使用

944 阅读1分钟

select2下拉插件的使用,支持单选和多选

单选:

初始化

 $('#select1').select2();

获取值

获取选中的文本:$('#select1').select2('data')[0].text

获取选中的value:$('#select1').select2('val')或$('#select1').select2().val()

设置默认值: $('#select1').val('课程33').trigger('change')

多选:

初始化

$('#select2').select2({
     placeholder: "可以多选"
  });

获取值:

获取选中的文本:$('#select2').select2('data')

获取选中的value值:$('#select2').select2('val')或$('#select2').select2().val()

设置默认值: $('#select2').val(['课程22','课程11']).trigger('change')

更多内容参考我的Github

github.com/summerSongX…