jQuery插件autoComplete介绍(10级学员 张帅鹏总结)

article/2025/5/7 16:56:25

jQuery插件autoComplete介绍

概述:AutoComplete为自动填充,展示之意。用户在使用文本框搜索信息时,使用插件的autoplete方法绑定文本框。当在文本框中输入某个字符时,通过该方法中的指定的数据URL,返回相匹配的数据,自动显示在文本框下,提醒用户进行选择。如百度搜索和google等。

一、创建方法以及属性简介

a)         创建方法

$("文本框元素").autocomplete({source:["java","javaWeb"]});

b)        属性简介

minChars  表示自动完成前填入的最小字符,如果为0,则双击空白文本框时,显示全部的提示数据信息

max       表示显示的提示信息数据的总条数

autoFill     布尔值,表示是否选中自动填充文本框的内容

mustMatch   布尔值,表示是否匹配,设为True时,则文本框中内容必须是匹配数据,如果不是,则清空文本框

matchContains  布尔值,表示是否包含匹配数据,设置为true时,则文本框中内容只要被匹配数据包含则显示提示数据,否则不显示。

scrollHeight     设置匹配数据滚动显示的高度 

二、本地数据举例

<body>
<div>
<h1>
autoComplete
</h1>
<div class="ui-widget">
<input type="text" id="autocomplete" size="40px" />
</div>
</div>
</body>


//定义本地数据,此数据应该为js的数组对象,包含多个值来指定给文本框来源

Var data=["java","javaWeb","javaScript"];
$("#autocomplete").autocomplete( {
source : data;
});


三、请求后台数据来完成操作

a)         普通数组的数据

//直接把source指定上请求数据的url即可,它会默认的传入参数为term 值为文本框当前的值

$("#autocomplete").autocomplete( {
source : "./csdn/admins.action"
})


b)        Json数据的处理

//我们可以将json中其他的属性取出来显示当列表框中,还可以为它设定指定的格式显示。这样的情况json数据必须为标准化的,对象中也必须有value这个属性,它模式只识别value这个一个属性作为值,也就是说你选中的时候。Value的值会放到文本框中

$("#autocomplete").autocomplete( {
source : "./csdn/admins.action"
}).data("autocomplete")._renderItem = function(ul, item) {
return $("<li></li>").data("item.autocomplete", item).append(
"<a>"+ item.id +"---约 100个"+ item.userName+"</a>")
.appendTo(ul);
};


c)         利用自定义异步请求来完成操作


http://chatgpt.dhexx.cn/article/M4PNhsXU.shtml

相关文章

C语言 编写Vector方法

Vector是一个单口进出的数组结构有一点像栈的结构。 首先建立这样一个结构体&#xff0c;里面包含一个数组以及一个位置标记&#xff0c;数组来存放进入的元素&#xff0c;标记指向尾部最后一个没有存放东西的数组位置。当然数组元素可以自定义为任何格式&#xff0c;甚至也可…

多组数据的输入方法(c语言实现)

先说方法之前先来浅聊一下scanf 开始进入正题 1.EOF法 EOF(end of file)就是文件的结束&#xff0c;通常来判断文件的操作是否结束的标志。 EOF不是特殊字符&#xff0c;而是定义在头文件<stdio.h>的常量&#xff0c;等于-1&#xff1b; 就如牛客网上的一道题为例&…

c语言:数组插入处理

规定输入9个元素&#xff0c;排序后&#xff0c;再输入一个数要求按原来排序的规律将它插入数组中。 初始化数组函数&#xff1a; void assign_value_to_array(int val[])//数组赋值 {int star;//数组开始位printf("请输入%d个数&#xff1a;",num);for(star0;star&…

电子测量——用C语言设计测量数据误差处理的通用程序

题目要求 参考例2-2-6的解题过程&#xff0c;用C语言或MATLAB设计测量数据误差处理的通用程序&#xff0c;要求如下&#xff1a; &#xff08;1&#xff09;提供测试数据输入、粗大误差判别准则选择等的人机界面&#xff1b; &#xff08;2&#xff09;编写程序使用说明&#…

c语言区简单数据类型,c语言简单数据类型有哪些

c语言中简单的数据类型分别为&#xff1a;1、整型【int、short、long、long long】&#xff1b;2、浮点型【float&#xff0c;double】&#xff1b;3、字符型【char】。 c语言中简单的数据类型分别为&#xff1a; 1、整(数)型int&#xff1a;基本整数型&#xff0c;用于存储整数…

C语言-基本数据类型

C语言中有3种基本数据类型&#xff0c;分别是整型、字符型和实型&#xff08;浮点型&#xff09;&#xff0c;下表列出的是32位平台数据类型的长度及其取值范围 类别名称类型名数据长度取值范围整型[有符号]整型[signed] int32位-2147483648~2147483647(-2^31 ~ 2^31-1)[有符号…

C语言处理excel

思路来源&#xff1a;https://blog.csdn.net/hongzhen91/article/details/57422897 目录 1 写2 读先看 代码&#xff01;结果分析可知 1 写 .csv 是 excel 后缀&#xff0c;跳跃间隔符是 ‘,’ FILE *fp ;fp fopen("./test.csv","w") ; // 写 for (i0 ;…

C语言基础——数据运算

一 运算基础 运算的本质是根据已有数据&#xff0c;进行各种运算处理&#xff0c;得到新的数据。所以&#xff0c;运算的基础就是数据。在数据的表示方法中&#xff0c;声明的变量只是一个空的指代&#xff0c;并没有和具体的数据进行关联。如果要使用变量&#xff0c;就要把数…

C语言数据溢出

文章目录 int 类型char int 类型 unsigned int num -1;printf("%u", num);解析&#xff1a; 首先在寄存器产生一个负数-1&#xff0c;它在计算机中存储的补码是 32个1&#xff0c;共32个二进制位&#xff0c;当按照赋值号赋给无符号num变量时&#xff0c;符号位变成…

C语言 数据处理

在不使用scanf函数如何对输入的数进行逆序输出呢&#xff1f;首先要得到该数的位数&#xff0c;因为需要在顺序输出里使用。 代码如下: int Getfigure(int n) {int tmp0; //计算循环次数while(n ! 0){n / 10;tmp;}return tmp; //该数的位数 } 其次要清楚该处理…

【Keil 5安装教程】

文章目录 一、安装mdk二、激活mdk三、安装STM32芯片包四、安装C51单片机五、激活C51单片机 一、安装mdk 1、在解压的安装包里&#xff0c;点击运行mdk514.exe文件&#xff1b; 2、在弹出的页面中点击NEXT&#xff1b; 3、打勾I Agree&#xff0c;点击Next&#xff1b; 4、在…

keil3 安装教程

安装前先关闭杀毒软件和360卫士&#xff0c;注意安装路径不能有中文&#xff0c;安装包路径也不要有中文。 1.选中【Keiluvision 3 C51版】压缩包&#xff0c;鼠标右击选择【解压到Keil uvision 3 C51版】。 2.双击打开【Keiluvision 3 C51版】文件夹。 3.选中【KEILc51v802…

keil安装指导

keil arm 5.36下载地址 C51 960a下载地址 注册码 这个自己搜索下载 安装指导 注意&#xff1a; 如果你想C51和ARM一起安装&#xff0c;那就先安装C51再ARM版本的。如果你已经先安装完了ARM的也没关系&#xff0c;安装完C51的再重新安装下ARM的就可以 安装C51 双击你下…

c语言定义函数时形参定义的位置

今天在读Zlib库源码中第三方contrib/minizip文件时&#xff0c;发现一个有意思的东西&#xff1a; 定义函数时&#xff0c;其形参的类型放在函数()后面&#xff0c;()里只放了形参名 虽然这样最终用编译器&#xff08;如gcc等&#xff09;编译时是可以通过的&#xff0c;但是…

C语言函数(函数分类,参数,调用,声名及定义)

文章目录 [TOC](文章目录)一、C语言中函数的分类二、函数的参数及调用三、函数的嵌套调用和链式访问四、函数的声名和定义 一、C语言中函数的分类 库函数自定义函数 库函数&#xff1a;在开发的过程中&#xff0c;每个程序员都可能用得到&#xff0c;为了支持可移植性和提高程…

c语言函数定义的语法格式,C语言函数 -C语言函数定义的语法格式

C语言程序是由多个零件组合而成的&#xff0c;而函数就是最主要的组合零件。C语言程序的主体部分就是一个 main( ) 函数&#xff0c;它在 C语言程序中是必不可少的&#xff0c;每一个 C 程序都首先从 main( ) 函数开始执行。 C语言函数是什么 在前面的学习中&#xff0c;我们知…

c语言函数定义范围,c语言定义函数

函数是一段可以重复使用的代码&#xff0c;用来独立地完成某个功能&#xff0c;它可以接收用户传递的数据&#xff0c;也可以不接收。接收用户数据的函数在定义时要指明参数&#xff0c;不接收用户数据的不需要指明&#xff0c;根据这一点可以将函数分为有参函数和无参函数。 将…

C语言-函数(一):函数的定义和调用

函数是一个完成特定工作的独立程序模块&#xff0c;包括库函数和自定义函数两种。例如&#xff0c;scanf()、printf()等这些都为库函数&#xff0c;是由C语言系统提供定义&#xff0c;编程时直接调用即可&#xff1b;还有一种是自己定义的函数&#xff0c;我们主要介绍的就是这…

全网最细!软件测试—bug生命周期

测试人员最本质的工作就是寻找bug&#xff0c;提交bug、验证bug、推进bug的解决&#xff0c;直至软件达到发布的标准&#xff0c;提高软件的质量&#xff0c;及研发的工作效率和质量。 一、什么是bug 软件的BUG,狭义概念是指软件程序的漏洞或缺陷&#xff0c;广义概念除此之外还…

bug的生命周期你知道吗?一张图带你看懂它!

目录 1、什么是bug 2、bug的生命周期 3、如何描述一个bug 4、bug的级别 1、什么是bug 软件的bug狭义方面可以理解为是指软件程序的漏洞或缺陷&#xff0c;广义方面除找到程序漏洞之外&#xff0c;还包括测试工程师或用户所发现和提出的软件可改进的细节、或与需求文档存在差…