使用select2插件做联动查询

最近跟的一个项目整体的架构采用的是win 8(metro)风，里面用到了很多插件，其中有一个select2.js(官网：http://ivaynberg.github.io/select2)，这个插件的功能非常强大，我只用到了其中的一个——联动查询。 效果图： 一、页面部分 input type=text id=num

最近跟的一个项目整体的架构采用的是win 8(metro)风格，里面用到了很多插件，其中有一个select2.js(官网：http://ivaynberg.github.io/select2)，这个插件的功能非常强大，我只用到了其中的一个——联动查询。

效果图：

一、页面部分

二、js部分

$(document).ready(function({
    $("#num").select2({
	placeholder:"输入一个AS号码",//文本框的提示信息
	minimumInputLength:1,	//至少输入n个字符，才去加载数据
	allowClear: true,	//是否允许用户清除文本信息
	ajax:{
		url:'${pageContext.request.contextPath }/……!getASNumber.do',	//地址
		dataType:'text',	//接收的数据类型
		//contentType:'application/json',
		data: function (term, pageNo) {		//在查询时向服务器端传输的数据
			term = $.trim(term);
	                return {
	                     autNumber: term, 	//联动查询的字符
	                     pageSize: 15,	//一次性加载的数据条数
	                     pageNo:pageNo,	//页码
	                     time:new Date()//测试
	                 }
		},
		results:function(data,pageNo){
			if(data.length>0){	//如果没有查询到数据，将会返回空串
			var dataObj =eval("("+data+")");	//将接收到的JSON格式的字符串转换成JSON数据
			var more = (pageNo*15) 

//格式化查询结果,将查询回来的id跟name放在两个div里并同行显示，后一个div靠右浮动		
function formatAsText(item){
     var itemFmt ="
"+item.id+"

      
查看更多关于使用select2插件做联动查询的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did94739