效果圖:
第一種:從資料庫中檢索之後補全
第二種:郵箱等純前端的補全
先說第二種,使用開源的外掛程式,所以相對簡單。
github上面的專案 completer。
做法特別容易,github上面有詳細的文件。
一開始嘗試用這個來配上自己的後台**,做成第一種的自動補全,搞了半天失敗了。可能本人js太差,改動太多的話,**很複雜,除非認真研究上面這個開源專案。
主要失敗在我在後台資料庫找出來的完整的模糊查詢得到的資料,用上面的外掛程式只能是補全在後面,沒有辦法完全替換輸入值。比如你輸入fafe,查到fafegeg, 但是下拉的表項中只能選到 fafefafegeg,因為是補全。
下面說說第乙個怎麼做,百度不到什麼好的經驗介紹,就自己按自己的思路實現了:
/*** php 返回模糊搜尋的結果給自動完成
*/public function actioncomplete($value,$blocked)
foreach ($result2 as $v)
$string = $string.'';
//返回格式 類似username1,username2,email1,
return $string ;
}//前端
//js
css_url ?>/autocomplete.css" rel="external nofollow" rel="stylesheet" />
.auto_hidden
.auto_show
.auto_onmouseover
.auto_onmouseout
/* 通用: 自動補全(仿百度搜尋框)
*/var $ = function (id)
var bind = function(object, fun)
}function autocomplete(obj,autoobj,arr)
autocomplete.prototype=,
//刪除自動完成需要的所有div
deletediv: function()
this.autoobj.classname="auto_hidden";
}, //設定值
setvalue: function(_this)
}, //模擬滑鼠移動至div時,div高亮
autoonmouseover: function(_this,_div_index)
} }, //響應鍵盤
presskey: function(event)else if(this.index==length)
this.changeclassname(length);
} //游標鍵"↑"
else if(event.keycode==38){
this.index--;
if(this.index
本文標題: php自動補全表單的兩種方法
本文位址: /wangluo/php/181263.html
PHP輸出Excel兩種方法
2016年3月23日 16 43 51 星期三 第一種 輸出html css格式,開啟後用excel軟體的 另存為 功能儲存為正規的 格式 1 public function echoexcel list 2 1718 19header content disposition attachment ...
php設定時區的兩種方法
php5後都要自己設定時區,要麼修改php.ini的設定,要麼在 裡修改。在php.ini中設定時區 date.timezone prc 在 中設定時區 1 date default timezone set asia shanghai asia shanghai 亞洲 上海 2 date defa...
php設定時區的兩種方法
php5後都要自己設定時區,要麼修改php.ini的設定,要麼在 裡修改。在php.ini中設定時區 date.timezone prc 在 中設定時區 1 date default timezone set asia shanghai asia shanghai 亞洲 上海 2 date defa...