首页 > 其他 > 详细

输入框自动提示功能

时间:2015-03-16 16:11:56      阅读:73      评论:0      收藏:0      [点我收藏+]

<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>

输入框自动提示功能

原文:http://www.cnblogs.com/apple927/p/4341934.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!