php+ajax实现仿百度查询下拉内容功能示例_php技巧_脚本之家

php+ajax实现仿百度查询下拉内容功能示例_php技巧_脚本之家。企望本文所述对我们PHP程序设计有所扶助。

正文实例呈报了php+ajax实现仿百度查询下拉内容功效。分享给咱们供我们参照他事他说加以考察,具体如下:

 Document   body{ margin:0; padding: 0; } form{ width: 500px; margin:40px auto; } .search-wrap{ position: relative; } li{ padding: 0; padding-left: 10px; list-style: none; } li:hover{ background-color: #ccc; color: #fff; cursor: pointer; } #xiala{ position: absolute; top: 40px; left: 0; background-color: #c2c2c2; width: 200px; margin:0; padding: 0 ; display: none; }   var search=$; search.on{ //输入框内容改变发请求 $.ajax({ url:'a.txt', type:'GET', async:true, data:{value:$}, success:function{ var arr=data.split; console.log.html; $.each{ var oLi=$("<li>"+arr[i]+"</li>"); $; $.css; }) } }); $.css; //内容改变下拉框显示 $.html function stopPropagation { if { e.stopPropagation(); }else{ e.cancelBubble = true; } } $.on{ //点击页面的时候下拉框隐藏 $.css; $.on("click","#xiala li",function(){ //点击下拉框选项的时候改变输入框的值 search.val; $.html; $.css

a,b,c,d,e,f,g

越多关于PHP相关内容感兴趣的读者可查看本站专项论题:《PHP+ajax技艺与使用小结》、《PHP网络编程本领总计》、《PHP基本语法入门教程》、《php面向对象程序设计入门教程》、《php字符串用法总计》、《php+mysql数据库操作入门教程》及《php何足为奇数据库操作技术汇总》

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图