jquery中的select2实现事例

news/2024/7/11 0:12:43 标签: select2, jquery
$(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



http://www.niftyadmin.cn/n/1395014.html

相关文章

parent.window与top.window的用法

parent.window与top.window的用法(非原创) (2012-12-26 18:50:01)转载▼标签: 杂谈 今天总结一下js中几个对象的区别和用法:首先来说说 parent.window与top.window的用法"window.location.href"、"location.href"是本页面跳转&q…

我们应具有的为人处事态度

咱中国文化博大精深,近来零零碎碎看了些书,想整明白些概念。孔子称人大致可分为几类:中道--中行之士,不偏不倚,中规中矩,合乎中庸之道的人。狂者--狂放之士,积极进取,但志大才疏。狷…

Velocity使用总结

Velocity模板(VM)语言介绍Velocity是什么?Velocity是一个基于java的模板引擎(template engine)。它允许任何人仅仅简单的使用模板语言(template language)来引用由java代码定义的对象。当Velocity应用于web开发时&…

Nginx 关于 location 的匹配规则详解

有些童鞋的误区 1、 location 的匹配顺序是“先匹配正则,再匹配普通”。 矫正: location 的匹配顺序其实是“先匹配普通,再匹配正则”。我这么说,大家一定会反驳我,因为按“先匹配普通,再匹配正则”解释不…

Json的介绍与使用

作用&#xff1a;将对象(JSON对象)转换成字符串(JSON字符串) 例子&#xff1a; <del><u><span style"color:#000000;"><code class"language-js hljs has-numbering"><span class"hljs-keyword"></span>…

Windows Server 2012 RemoteApp体验-发布RemoteApp程序

打开管理器管理器仪表板&#xff0c;选择本地服务器->远程桌面服务 选择集合->QuickSessionCollection->任务->发布RemoteApp程序 选择要发布程序的程序 如果程序不在列表中&#xff0c;可以单击“Add...”浏览选择应用程序 单击“发布” 画图、计算器、写字板已经…

查询条件与查询数据的ajax拼装

/*** 按品种查询资源* * param breedId* 品名Id集&#xff0c;单个或多个*/function searchMarket(breedId){var prBreedIdpi;$.ajax({ url: "/resource/getMarketProperties.jsp", type:"post",async:false,data:{"breedId":breedId…

.net(三个简单的作业)

1&#xff0c;读入一个小数&#xff0c;将小数部分和整数部分交换&#xff1a;例如 3.14 ---〉14.3 using System; using System.Collections.Generic; using System.Linq; using System.Text;namespace TestExchange {class Program{static void Main(string[] args){while (t…