jquery中的select2实现事例

$(function(){
var adminName=$('#adminName').val();

// 绑定选择管理员下拉框    
    $('#managerId').select2({
        width:"100%",
        placeholder:adminName,
          minimumInputLength: 1,
          maximumInputLength:100,
          ajax: {
            url: "/select/select_admin.htm",
            type:'post',
            dataType: 'json',
            delay:250,
            data: function(params) {
                  return {'name':params};
            },
            results: function (data) {
                var admins=$.parseJSON(data);
                var result={};
                result["results"]=admins
                return result;
            },
            cache: true
          }
    });
  var memberName=$('#memberName').val();
     $('#member').select2({
            width:"100%",
            placeholder: memberName,
              minimumInputLength: 1,
              maximumInputLength:100,
              ajax: {
                url: "/select/select_member.htm",
                type:'post',
                dataType: 'json',
                delay:250,
                data: function(params) {
                      return {'name':params};
                },
                results: function (data) {
                    var admins=$.parseJSON(data);
                    var result={};
                    result["results"]=admins
                    return result;
                },
                cache: true
              }
        });
        
//选项发生改变时触发动作
$('#managerId').change(function(){
 var id = $('#managerId').select2("data").id;
 var value = $('#managerId').select2("data").text;
 $('#adminId').val(id);
 $('#adminName').val(value);
 
});

//选项发生改变时触发动作
$('#member').change(function(){
 var id = $('#member').select2("data").id;
 var value = $('#member').select2("data").text;
 $('#memberId').val(id);
 $('#memberName').val(value);
});

$(".collapse-search").click(function(){
    $(this).children("i").toggleClass("fa-minus");
    $(this).children("i").toggleClass("fa-plus");

});
});
//--Jquery Select2--
$("#input-company-admin").select2();

$("#order-state").select2();

http://blog.itpub.net/26481450/viewspace-744409/

http://www.cnblogs.com/heromoli/p/3820555.html