js代碼:

復(fù)制代碼 代碼如下: <SCRIPT " /> 亚洲色欲国产AV精品综合,国产性夜夜性夜夜爽91,色综合久久五月

天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

php中jQuery插件autocomplate的簡單使用筆記

首先需要的文件有jquery.js,jquery.autocomplete.js,jquery.autocomplete.js,這三個(gè)文件,哪里有?百度、谷歌都可以找到。可以去官網(wǎng)上下,里面包含了一些demo,只留下這三個(gè)文件即可。

js代碼:

復(fù)制代碼 代碼如下:
<SCRIPT language=Javascript src="../../js/jquery.js" type=text/Javascript>
</SCRIPT><SCRIPT language=Javascript src="../../js/jquery.autocomplete.js" type=text/Javascript></SCRIPT>
<SCRIPT language=Javascript type=text/Javascript>
$(document).ready(function(){
/*這里做的是一個(gè)簡單的檢索姓名的自動(dòng)完成程序*/
$('#key_name').autocomplete('doctor_list.php',{
/*此處是請求的地址*/
width: 150,
/*此處是自動(dòng)提示框的寬度*/
matchContains: true,
/*是否使用內(nèi)部比較(匹配單詞的一部分)*/
selectFirst: false,
/*如果這個(gè)設(shè)置為true,第一個(gè)autocomplete值將 被自動(dòng)通過tab/回車選擇,即使沒有通過鍵盤或鼠標(biāo)精選選擇 */
extraParams: {name:function(){return $("#key_name").val();},action:"getAjaxInfo"}
/*這個(gè)extraParams是后端的附加參數(shù),以這個(gè)為例,name是請求的地址中的參數(shù),默認(rèn)是以GET方式,action:"getAjaxInfo"這個(gè)也是GET傳遞的參數(shù),完整的請求地址如下 doctor_list.php?action=getAjaxInfo&name=表單數(shù)據(jù)了*/
});
</SCRIPT>


HTML代碼中只有:
<input id="key_name" style="width: 150px;" type="text" name="key_name" />

下面是php代碼:
復(fù)制代碼 代碼如下:
if($_GET['action'] == 'getAjaxInfo'){
//這里由于我寫其它應(yīng)用了,如果單純做這一個(gè)自動(dòng)完成,可以寫簡單一點(diǎn)
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;
}

直接運(yùn)行即可實(shí)現(xiàn) 。
下面貼出來autocomplate的一些公共用法,從別的站上面粘過來的,參考方便

屬性類型描述定義在
actionPrefixstringactionsID的前綴.CWidget
attributestring這個(gè)widget相關(guān)的屬性.CInputWidget
autoFillboolean選擇一個(gè)值時(shí)自動(dòng)填充textinput, 替換已經(jīng)鍵入的或選擇的值.CAutoComplete
cacheLengthinteger存儲(chǔ)在cache中的后臺(tái)查詢結(jié)果的數(shù)目.CAutoComplete
controllerCController返回這個(gè)小物件所屬的controller.CWidget
cssFilemixed這個(gè)widget使用的CSS文件.CAutoComplete
dataarray保存在客戶端提供候選選擇項(xiàng)的數(shù)據(jù).CAutoComplete
delayinteger當(dāng)鍵入后,autocompleter等待多少毫秒激活 .CAutoComplete
extraParamsarray后端的附加參數(shù).CAutoComplete
formatItemstring為一個(gè)item提供高級標(biāo)記的Javascript函數(shù).CAutoComplete
formatMatchstring用來限制autocomplete搜索匹配的數(shù)據(jù)的Javascript函數(shù) .CAutoComplete
formatResultstring在結(jié)果放入input字段前,提供格式化值的Javascript函數(shù) .CAutoComplete
highlightboolean|string是否在選擇框中高亮匹配.CAutoComplete
htmlOptionsarray被渲染到input tag的附加HTML選項(xiàng).CInputWidget
idstring返回本小物件(widget)的ID或如果請求的話生成一個(gè)新的.CWidget
inputClassstringinput元素的CSS類.CAutoComplete
loadingClassstring當(dāng)數(shù)據(jù)從后端載入時(shí)使用的CSS類.CAutoComplete
matchCaseboolean是否比較時(shí)大小寫敏感.CAutoComplete
matchContainsboolean是否使用內(nèi)部比較(匹配單詞的一部分) (i.CAutoComplete
matchSubsetboolean是否autocompleter為更多的指定查詢使用緩存 .CAutoComplete
maxintegerselect box的item數(shù)目.CAutoComplete
methodChainstring被附加到autocomplete構(gòu)造函數(shù)后的方法鏈調(diào)用.CAutoComplete
minCharsinteger用戶必須鍵入的最少字符數(shù) 在autocompleter激活之前.CAutoComplete
modelCModel這個(gè)widget相關(guān)的數(shù)據(jù)模型.CInputWidget
multipleboolean是否允許超過一個(gè)autocompleted-value輸入.CAutoComplete
multipleSeparatorstring當(dāng)使用多個(gè)選項(xiàng)時(shí),選項(xiàng)之間的分隔符.CAutoComplete
mustMatchboolean如果設(shè)置為true,autocompleter將僅僅允許結(jié)果通過后端呈現(xiàn) .CAutoComplete
namestringinput 名稱.CInputWidget
optionsarray傳遞到autocomplete js 對象的構(gòu)造函數(shù)的附加選項(xiàng).CAutoComplete
ownerCBaseController返回這個(gè)小物件的所有者/創(chuàng)造者.CWidget
resultsClassstring下拉列表的CSS類.CAutoComplete
scrollboolean當(dāng)更多的結(jié)果超過scrollHeight設(shè)置的高度時(shí),是否滾動(dòng).CAutoComplete
scrollHeightintegerautocomplete的舉動(dòng)高度(用像素)s.CAutoComplete
selectFirstboolean如果這個(gè)設(shè)置為true,第一個(gè)autocomplete值將 被自動(dòng)通過tab/回車選擇,即使沒有通過鍵盤或鼠標(biāo)精選選擇 .CAutoComplete
skinmixed這個(gè)widget使用的皮膚名稱.CWidget
textAreaboolean是否使用一個(gè)text area顯示autocomplete.CAutoComplete
urlstring|array返回候選選項(xiàng)的URL.CAutoComplete
valuestringinput值CInputWidget
viewPathstring返回這個(gè)物件包含視圖文件的目錄.CWidget
widthinteger指定select box的自定義寬度.CAutoComplete

php技術(shù)php中jQuery插件autocomplate的簡單使用筆記,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 久久精品综合电影 | 日韩中文亚洲欧美视频二 | 国产欧美另类久久久精品免费 | 国产A级毛片久久久久久久 国产a级黄色毛片 | 乱码午夜-极品国产内射 | 99热精品一区| 国产精品JIZZ视频免费 | 中文字幕在线免费视频 | 闺蜜撬开我的腿用黄瓜折磨我 | 国内自拍 在线 亚洲 欧美 | 强奸日本美女小游戏 | 中文字幕永久在线 | 99久久网站| 国产成人啪精品视频免费网 | 无码一区二区在线欧洲 | 九九夜夜妹子 | 白丝制服被啪到喷水很黄很暴力 | 女子叉开腿让男子桶免费软件 | 成人特级毛片 | 9亚洲欧洲免费无码在线 | 国产永久免费高清在线观看 | 成年无码av片 | 内射爽无广熟女亚洲 | 果冻传媒色AV国产播放 | 伊人青青操 | 李丽莎与土豪50分钟在线观看 | bl肉yin荡受np各种play | 亚洲综合小说久久另类区 | ai换脸在线全集观看 | 姉调无修版ova国语版 | 午夜精品久久久久久99热蜜桃 | 一本道综合久久免费 | 国产亚洲精品久久久999无毒 | 国产亚洲精品久久久久久久 | 抽插的日日液液H | 且试天下芒果免费观看 | 久久人妻无码毛片A片麻豆 久久人妻熟女中文字幕AV蜜芽 | 男人插女人动态 | 99热久久视频只有精品6国产 | 国产精品久久久久久人妻精品蜜桃 | 国产成人在线视频免费观看 |