jquery.autocomplete的result方法

转载 2011年01月07日 16:42:00

工作当中用到了JQuery 的Autocomplete插件,但是遇到的是非常规使用的问题。

其一是下拉菜单的显示和填入文本框的结果要求的字符串不一样,即显示用户名,所属部门,但是填入文本框里的是用户名和电话号码

其二是在用户Select过后,需要触发事件,把用户的ID传到另一个隐藏的文本框中

首先咱比较懒,于是在网上google了一下技术方案,发现都比较复杂。出于想偷懒的目的,研究了Autocomplete的在线DOC以后,发现有很简单的解决方案

首先是应用Autocomplete的formatItem和formatResult函数

返回数据集,懒人有懒办法,就用字符串加逗号分隔来表示,一行一个结果:

"NAME1,DEPARTMENT1,TEL1,ID1/r/n NAME2, DEPARTMENT2,TEL2,ID2"

formatItem: 下拉菜单数据显示的定制,这里只显示用户名和部门

formatItem: function(data, i, n) {

      var array = data.toString().split(',') ;
      return array[0] + '/' + array[1] ;

  }
formatResult: 填入文本框的结果,这里填入用户名和电话号码formatItem: function(data, i, n) {

       var array = data.toString().split(',');
        return array[0] + ', ' + array[2];

 }

最后是回调函数,要把用户ID存到一个隐藏文本框中,对此Autocomplete提供了一个子函数.result(),用来在选择结果后回调其他的函数
继续使用万能的split函数来把结果字符串拆分

$('inputfield').autocomplete(url, {options}).result
(function(event, data, formatted) {
         var array = data.toString().split(',');
         $("hiddenfield").val(array[3]);

});
由此懒人的Autocomplete应用就完成了


本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/batman9956/archive/2010/08/17/5816997.aspx

Jquery autocomplete插件的使用示例

简单用法: @ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>DOCTYPE...
  • lqh4188
  • lqh4188
  • 2015年01月22日 12:50
  • 23950

有关 Autocomplete的使用

AutoComplete控件就是在用户在文本框中输入前几个字母或是汉字的时候,该控件就能从存放数据的文本或是数据库里将所有以这些字母开头的数据提示给用户,供用户选择,提供方便。 autocomple...

Jquery autocomplete 注意的一点破事

前面使用Jquery autocomplete对输入框进行自动填充代码编写,如果远程url获取的数据为单纯的string返回的json数据,那么就可以正常显示,如果是返回的复杂的json数据就无法正常...
  • hack8
  • hack8
  • 2015年11月18日 22:48
  • 6551

autocomplete 实现输入自动提示

jquery.autocomplete详解  AutoComplete控件是在文本框输入内容时能从存放数据的文本或是数据库里将所有以这些字母开头的数据提示给用户,供用户选择。 根据用户输入值进行搜索...
  • meijory
  • meijory
  • 2016年09月02日 22:24
  • 3462

jquery autocomplete 插件使用实例 (Struts2 ,result)

    首先要导入的 必要文件有:                 我这里是在Iterator迭代器中使用的自动完成功能,所以传回Action的值除了keyword外,还有另外一个参数。不过使用时搞清...

Jquery AutoComplete的使用方法实例

jQuery的Autocomplete(自动完成、自动填充)插件有不少,但比较下来我感觉,还是bassistance.de的JQuery Autocomplete plugin比较强大,我们就来写一些...

Jquery AutoComplete的使用方法实例

转载地址http://www.cnblogs.com/hyl8218/archive/2010/03/19/1688828.html相关文章http://topic.csdn.net/u/200907...

Jquery AutoComplete的使用方法实例

jQuery的Autocomplete(自动完成、自动填充)插件有不少,但比较下来我感觉,还是bassistance.de的JQuery Autocomplete plugin比较强大,我们就来写一些...

智能搜索jquery-autocomplete 自动填充插件使用方法及参数使用说明

一、当你的输入框个数固定不变时,用以下实例 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/...
  • lybwwp
  • lybwwp
  • 2012年08月22日 19:44
  • 6725

Jquery AutoComplete的使用方法实例

jQuery的Autocomplete(自动完成、自动填充)插件有不少,但比较下来我感觉,还是bassistance.de的JQuery Autocomplete plugin比较强大,我们就来写一些...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery.autocomplete的result方法
举报原因:
原因补充:

(最多只允许输入30个字)