jquery下拉插件select2教程

select2方法

本文介绍select2.js插件的方法,包含添加选择、删除、展开、获取值等方法函数。

动态添加数据到select2控件

//给下拉控件添加一个新选项
var data = {
    id: 311,
    text: '新选项'
};
var newOption = new Option(data.text, data.id, false, false);
$('#status').append(newOption).trigger('change');

//给下拉控件添加一个新选项,并设置为选中状态
var data2 = {
    id: 311,
    text: '新选项'
};
var newOption2 = new Option(data2.text, data2.id, true, true); //true选中状态
$('#status').append(newOption2).trigger('change');

设置选中项

//把value为3的选项选中
  $('#status').val('3').trigger('change');
//设置多项选中
  $('#status').val(['1','3']).trigger('change');

清除选中项

//清除已选中的项
  $('#status').val(null).trigger('change');
Catalog
快速入门 select2配置 select2方法 select2下载 select2去除搜索框 select2搜索框事件 select2清空数据