PHP自動補全表單的兩種方法

2022-10-06 08:30:08 字數 1486 閱讀 5498

效果圖:

第一種:從資料庫中檢索之後補全

第二種:郵箱等純前端的補全

先說第二種,使用開源的外掛程式,所以相對簡單。

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