输入框自动提示功能

<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(":button").click(function() {
/* Act on the event */
if($(":input").val() != ""){
alert("your name is " + $(":input").val());
}
});
$(":input").bind("keyup",function(){
$(".info").empty();
if($(this).val() == "") return;
// alert($("#name").val());
$.ajax({
type: ‘get‘,
url: ‘Automatic_prompt_info.php‘,
data: {name: $("#name").val()},
success: function(data){
// alert(data);
var array = new Array();
array = data.split(",");
$(".info").append($("<ul></ul>"));
for(var i=0;i<array.length-1;i++){
$(".info ul").append($("<li>"+array[i]+"</li>"));
}

$(".info ul").on("click",function(event){ //事件委托
$("#name").val($(event.target).text());
$(".info").empty();
})
}
});
});

});
</script>

时间: 2024-10-11 03:38:06

输入框自动提示功能的相关文章

c#TextBox输入框自动提示、自动完成、自动补全功能

功能概览 相关属性 TextBox.AutoCompleteCustomSource 属性 获取或设置当 TextBox.AutoCompleteSource 属性设置为 [CustomSource] 时要使用的自定义 T:System.Collections.Specialized.StringCollection. TextBox.AutoCompleteMode 属性 获取或设置一个选项,该选项控制自动完成应用于 TextBox 的方式. 属性值 类型:System.Windows.For

JS实现仿百度输入框自动匹配功能的示例代码

JS实现仿百度输入框自动匹配功能的示例代码 作者: 字体:[增加 减小] 类型:转载 本篇文章主要是对JS实现仿百度输入框自动匹配功能的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 现在很多网站都有这种效果,在文本框输入一个字符,下边会出来相匹配的内容,这个代码就演示了这个功能是如何完成的,当然,这是个静态的,你可以将提示的内容从数据库读取出来,要用到AJAX那东东. 复制代码 代码如下: <HTML><HEAD><title>带输入匹配的文本框&l

python IDLE 自动提示功能

\Python27\Lib\idlelib\目录下 config-extensions.def文件修改等待时间 [AutoComplete] enable=1 popupwait=2000(2000表示2秒,修改为0) AutoComplete.py文件修改提示模块 import os import sys import string 在后面加载待提示的模块(import方式) 如: import urllib import urllib2 import re import cookielib

Myeclipse设置关键词自动提示功能以及取消空格和&quot;=&quot;的自动补全

一.设置Myeclipse从a~z的自动提示功能 1. “window”→“Preferences”2. 选择“Java”,展开,“Editor”,选择“Content Assist”.3. 选择“Content Assist”,然后看到右边,右边的“Auto-Activation”下面的“Auto Activation triggers for java”这个选项.其实就是指触发代码提示的就是“.”这个符号.4. “Auto Activation triggers for java”这个选项,

eclipse的自动提示功能

一般情况下按ALT+/即可提示,若想按任意字母都有提示,则可以打开eclipse的自动提示功能,打开或关闭该提示功能的步骤如下: 打开eclipse后一次点Window->Perferences->Java -> Editor -> Content Assist 在打开的页面的的右侧找到auto-Activation 下面有三个选项,找到第二个“Auto activation triggers for Java:”选项,在其后的文本框中会看到一个“.”存在.这表示:只有输入“.”之

Eclipse配置PHP及自动提示功能

Eclipse是一个开发工具,具有强大的插件功能,虽然用于Java理所当然,但为PHP所用,也为尝不可.虽然我一直用的是notepad,但发现开发工具也可以省去一些不必要的记忆. 言归正传,下面就来实际操作一下,如何使用Eclipse来配置PHP开发环境. 一.去www.eclipse.org网站,下载一个Eclipse for PHP Developers,这样最省事,也最方便. 二.前面这个虽然方便,但做为开发人员,如果只专注一门语言的话,可能很少.因此为了能够方便各种情况,我们还是下载一个

AjaxPro局部刷新(输入时自动提示功能)

效果图 1.前台页面 <td class="queryLeft">股票名称:</td> <td class="queryRight"> <asp:TextBox ID="txtShareName" CssClass="shareName" onkeyup="prompt(this)" runat="server" autocomplete=&qu

eclipse代码自动提示设置、如何配置eclipse的代码自动提示功能?

对于编程人员来说,要记住大量的类名或类方法的名字,着实不是一件容易的事情.如果要IDE能够自动补全代码,那将为我们编程人员带来很大帮助. eclipse代码里面的代码提示功能默认是关闭的,只有输入"."的时候才会提示功能,用vs的用户可能不太习惯这种,vs是输入任何字母都会提示,下面说一下如何修改eclipse配置,开启代码自动提示功能打开 Eclipse  -> Window -> Perferences -> Java -> Editor -> Con

Eclipse Android 代码自动提示功能 (转)

Eclipse Android 代码自动提示功能 1.设置 java 文件的代码提示功能 打 开 Eclipse 依次选择 Window > Preferences > Java > Editor - Content Assist > Auto activation triggers for Java ,设置框中默认是一个点, 现在将它改为: 以下为引用内容:  .abcdefghijklmnopqrstuvwxyz(,    2.设置 xml 文件的代码提示功能 打 开 Ecli