這是jquery的搜索框輸入提示下載，仿百度與google的搜索框輸入提示，支持鍵盤(pán)上下選擇與鼠標(biāo)點(diǎn)擊選擇。只包含前面代碼，后臺(tái)返回?cái)?shù)據(jù)為模擬的數(shù)據(jù)。ajQ紅軟基地

軟件介紹

jquery的搜索框輸入提示是一個(gè)帶有輸入提示的html頁(yè)面， 仿百度與google的搜索框輸入提示，支持鍵盤(pán)上下選擇與鼠標(biāo)點(diǎn)擊選擇。只包含前面代碼，后臺(tái)返回?cái)?shù)據(jù)為模擬的數(shù)據(jù)。 ajQ紅軟基地
通過(guò)jquer來(lái)實(shí)現(xiàn)(A HTML page with input hints， implemented through jquer)。ajQ紅軟基地

軟件說(shuō)明

jquery的搜索框輸入提示輸入、標(biāo)簽輸入提示實(shí)例運(yùn)用了JSON技術(shù)實(shí)現(xiàn)的ajax搜索提示，當(dāng)用戶(hù)在搜索框輸入內(nèi)容時(shí)，可顯示出可能的內(nèi)容列表，會(huì)智能匹配搜索項(xiàng)，用戶(hù)可通過(guò)鼠標(biāo)選擇這些匹配項(xiàng)，免去用戶(hù)操作的麻煩。另外本效果也可用戶(hù)標(biāo)簽輸入提示效果，匹配項(xiàng)會(huì)智能填充背景，并添加刪除功能，在一些大網(wǎng)站，經(jīng)常見(jiàn)到這種效果，希望本源碼會(huì)對(duì)你有所幫助。ajQ紅軟基地

相關(guān)說(shuō)明

1、fetched.php 搜索框或標(biāo)簽輸入框的下拉提示內(nèi)容，一般情況下，此文件的內(nèi)容取自數(shù)據(jù)庫(kù)，需要和MYSQL等結(jié)合，從數(shù)據(jù)庫(kù)中讀取管理員或用戶(hù)在添加文章時(shí)的標(biāo)簽信息，按照數(shù)組格式生成在fetched.php中。ajQ紅軟基地
2、在form表單結(jié)束處，添加以下代碼調(diào)用fetched.php看的內(nèi)容，如下代碼所示：ajQ紅軟基地
<script language="JavaScript">ajQ紅軟基地
    $(document).ready(function() {        ajQ紅軟基地
        $.facebooklist('#facebook-demo'， '#preadded'， '#facebook-auto'，'fetched.php'， 10);ajQ紅軟基地
    });    ajQ紅軟基地
</script>ajQ紅軟基地
3、用戶(hù)通過(guò)單擊調(diào)用顯示在列表中的內(nèi)容項(xiàng)，會(huì)自動(dòng)將所選內(nèi)容項(xiàng)添加到輸入框中，無(wú)需手動(dòng)輸入。ajQ紅軟基地

軟件截圖

 ajQ紅軟基地