php中jQuery插件autocomplate的簡單使用筆記
Jun 13, 2016 pm 12:00 PM
首先需要的文件有jquery.js，jquery.autocomplete.js，jquery.autocomplete.js，這三個文件，哪里有？百度、谷歌都可以找到?？梢匀ス倬W(wǎng)上下，里面包含了一些demo，只留下這三個文件即可。
js代碼：
復(fù)制代碼 代碼如下:
HTML代碼中只有：
下面是php代碼：
復(fù)制代碼 代碼如下:
if($_GET['action'] == 'getAjaxInfo'){
//這里由于我寫其它應(yīng)用了，如果單純做這一個自動完成，可以寫簡單一點
if($_GET['name'] != ''){
$field = 'name';
}
if($field != ''){
$val = $_GET['$field'];
$sql = "select `$field` from doctor_info where $field like '%$val%'";
$rst = $aa->execute($sql);
while($row = mysql_fetch_array($rst)){
echo $row[0]."\n";
}
}
exit;
}
直接運行即可實現(xiàn) 。
下面貼出來autocomplate的一些公共用法，從別的站上面粘過來的，參考方便
| 屬性 | 類型 | 描述 | 定義在 |
|---|---|---|---|
| actionPrefix | string | actionsID的前綴. | CWidget |
| attribute | string | 這個widget相關(guān)的屬性. | CInputWidget |
| autoFill | boolean | 選擇一個值時自動填充textinput, 替換已經(jīng)鍵入的或選擇的值. | CAutoComplete |
| cacheLength | integer | 存儲在cache中的后臺查詢結(jié)果的數(shù)目. | CAutoComplete |
| controller | CController | 返回這個小物件所屬的controller. | CWidget |
| cssFile | mixed | 這個widget使用的CSS文件. | CAutoComplete |
| data | array | 保存在客戶端提供候選選擇項的數(shù)據(jù). | CAutoComplete |
| delay | integer | 當(dāng)鍵入后,autocompleter等待多少毫秒激活 . | CAutoComplete |
| extraParams | array | 后端的附加參數(shù). | CAutoComplete |
| formatItem | string | 為一個item提供高級標(biāo)記的javascript函數(shù). | CAutoComplete |
| formatMatch | string | 用來限制autocomplete搜索匹配的數(shù)據(jù)的javascript函數(shù) . | CAutoComplete |
| formatResult | string | 在結(jié)果放入input字段前,提供格式化值的javascript函數(shù) . | CAutoComplete |
| highlight | boolean|string | 是否在選擇框中高亮匹配. | CAutoComplete |
| htmlOptions | array | 被渲染到input tag的附加HTML選項. | CInputWidget |
| id | string | 返回本小物件(widget)的ID或如果請求的話生成一個新的. | CWidget |
| inputClass | string | input元素的CSS類. | CAutoComplete |
| loadingClass | string | 當(dāng)數(shù)據(jù)從后端載入時使用的CSS類. | CAutoComplete |
| matchCase | boolean | 是否比較時大小寫敏感. | CAutoComplete |
| matchContains | boolean | 是否使用內(nèi)部比較(匹配單詞的一部分) (i. | CAutoComplete |
| matchSubset | boolean | 是否autocompleter為更多的指定查詢使用緩存 . | CAutoComplete |
| max | integer | select box的item數(shù)目. | CAutoComplete |
| methodChain | string | 被附加到autocomplete構(gòu)造函數(shù)后的方法鏈調(diào)用. | CAutoComplete |
| minChars | integer | 用戶必須鍵入的最少字符數(shù) 在autocompleter激活之前. | CAutoComplete |
| model | CModel | 這個widget相關(guān)的數(shù)據(jù)模型. | CInputWidget |
| multiple | boolean | 是否允許超過一個autocompleted-value輸入. | CAutoComplete |
| multipleSeparator | string | 當(dāng)使用多個選項時,選項之間的分隔符. | CAutoComplete |
| mustMatch | boolean | 如果設(shè)置為true,autocompleter將僅僅允許結(jié)果通過后端呈現(xiàn) . | CAutoComplete |
| name | string | input 名稱. | CInputWidget |
| options | array | 傳遞到autocomplete js 對象的構(gòu)造函數(shù)的附加選項. | CAutoComplete |
| owner | CBaseController | 返回這個小物件的所有者/創(chuàng)造者. | CWidget |
| resultsClass | string | 下拉列表的CSS類. | CAutoComplete |
| scroll | boolean | 當(dāng)更多的結(jié)果超過scrollHeight設(shè)置的高度時,是否滾動. | CAutoComplete |
| scrollHeight | integer | autocomplete的舉動高度(用像素)s. | CAutoComplete |
| selectFirst | boolean | 如果這個設(shè)置為true,第一個autocomplete值將 被自動通過tab/回車選擇,即使沒有通過鍵盤或鼠標(biāo)精選選擇 . | CAutoComplete |
| skin | mixed | 這個widget使用的皮膚名稱. | CWidget |
| textArea | boolean | 是否使用一個text area顯示autocomplete. | CAutoComplete |
| url | string|array | 返回候選選項的URL. | CAutoComplete |
| value | string | input值 | CInputWidget |
| viewPath | string | 返回這個物件包含視圖文件的目錄. | CWidget |
| width | integer | 指定select box的自定義寬度. | CAutoComplete |
熱AI工具
Undress AI Tool
免費脫衣服圖片
Undresser.AI Undress
人工智能驅(qū)動的應(yīng)用程序，用于創(chuàng)建逼真的裸體照片
AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。
Clothoff.io
AI脫衣機
Video Face Swap
使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的代碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
功能強大的PHP集成開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級代碼編輯軟件(SublimeText3)
什么是PHP，它是用什么？
Jul 16, 2025 am 03:45 AM
PHPisaserver-sidescriptinglanguageusedforwebdevelopment,especiallyfordynamicwebsitesandCMSplatformslikeWordPress.Itrunsontheserver,processesdata,interactswithdatabases,andsendsHTMLtobrowsers.Commonusesincludeuserauthentication,e-commerceplatforms,for
您的第一個PHP腳本：實用介紹
Jul 16, 2025 am 03:42 AM
如何開始編寫第一個PHP腳本？首先設(shè)置本地開發(fā)環(huán)境，安裝XAMPP/MAMP/LAMP，使用文本編輯器，了解服務(wù)器運行原理。其次，創(chuàng)建一個名為hello.php的文件，輸入基本代碼并運行測試。第三，學(xué)習(xí)混合使用PHP與HTML以實現(xiàn)動態(tài)內(nèi)容輸出。最后，注意常見錯誤如缺少分號、引用問題及文件擴展名錯誤，并開啟錯誤報告以便調(diào)試。
您如何處理PHP中的文件操作（閱讀/寫作）？
Jul 16, 2025 am 03:48 AM
tohandlefileoperationsinphp，useApprepreprunctions andModes.1.toreadafile，usefile_get_contents（）forsmallfilesorfgets（）inaloopforline by line-line-processing.2.towriteToafile，usefile_put_cte_contents（usefile_contents）（
PHP 8安裝指南
Jul 16, 2025 am 03:41 AM
在Ubuntu上安裝PHP8的步驟為：1.更新軟件包列表；2.安裝PHP8及基礎(chǔ)組件；3.檢查版本確認安裝成功；4.按需安裝額外模塊。Windows用戶可下載ZIP包并解壓，隨后修改配置文件、啟用擴展并將路徑加入環(huán)境變量。macOS用戶推薦使用Homebrew安裝，依次執(zhí)行添加tap、安裝PHP8、設(shè)置默認版本及驗證版本等步驟。不同系統(tǒng)下安裝方式雖有差異，但流程清晰，根據(jù)用途選對方法即可。
python如果還有示例
Jul 15, 2025 am 02:55 AM
寫Python的ifelse語句關(guān)鍵在于理解邏輯結(jié)構(gòu)與細節(jié)。1.基礎(chǔ)結(jié)構(gòu)是if條件成立執(zhí)行一段代碼，否則執(zhí)行else部分，else可選；2.多條件判斷用elif實現(xiàn)，順序執(zhí)行且一旦滿足即停止；3.嵌套if用于進一步細分判斷，建議不超過兩層；4.簡潔場景可用三元表達式替代簡單ifelse。注意縮進、條件順序及邏輯完整性，才能寫出清晰穩(wěn)定的判斷代碼。
PHP變量范圍解釋了
Jul 17, 2025 am 04:16 AM
PHP變量作用域常見問題及解決方法包括：1.函數(shù)內(nèi)部無法訪問全局變量，需使用global關(guān)鍵字或參數(shù)傳入；2.靜態(tài)變量用static聲明，只初始化一次并在多次調(diào)用間保持值；3.超全局變量如$_GET、$_POST可在任何作用域直接使用，但需注意安全過濾；4.匿名函數(shù)需通過use關(guān)鍵字引入父作用域變量，修改外部變量則需傳遞引用。掌握這些規(guī)則有助于避免錯誤并提升代碼穩(wěn)定性。
高級PHP多行論技術(shù)
Jul 17, 2025 am 04:14 AM
UsemultilinecommentsinPHPforfunction/classdocumentation,codedebugging,andfileheaderswhileavoidingcommonpitfalls.First,documentfunctionsandclasseswith/*...*/toexplainpurpose,parameters,andreturnvalues,aidingreadabilityandenablingIDEintegration.Second,
針對初學(xué)者的PHP安裝
Jul 17, 2025 am 04:15 AM
安裝PHP對新手來說并不復(fù)雜，關(guān)鍵在于明確系統(tǒng)環(huán)境和版本需求后按步驟操作。首先要確認操作系統(tǒng)（Windows、macOS或Linux），選擇穩(wěn)定版本如PHP8.1或8.2；其次，可通過手動安裝、使用集成環(huán)境（如XAMPP、WAMP）或包管理工具（如apt-get、brew）三種方式安裝；接著配置環(huán)境變量，確保命令行可識別PHP指令，并通過phpinfo()頁面測試運行；最后注意常見問題，如Apache端口占用、php.ini文件路徑錯誤和擴展未啟用等，逐一排查即可順利完成安裝。
