幫助您使用AJAX PHP和MYSQL Live Search！

我正在嘗試爲我的網站創建一個Ajax實時搜索。我目前可以在數據庫中查詢標題並在搜索結果中顯示它們（請參見圖1.0），但是我需要使它們可選，以便在選擇它們時將它設置爲該標題的輸入值，非常類似於wikipdia search Wikipedia Search。維基百科的例子基本上是我正在尋找的。任何幫助都會很棒。幫助您使用AJAX PHP和MYSQL Live Search！

感謝， CHL英國

My Search so far http://www.webquark.co.uk/Search.bmp

圖1.0

CODE：PHP數據庫搜索

<? 

    // Get value coming from request 
    $search = mysql_real_escape_string ($_GET['search']); 


    // Connect to DB 
    mysql_connect("localhost", "****", "****") or die(mysql_error()) ; 
mysql_select_db("*****") or die(mysql_error()) ; 
$result = mysql_query("SELECT * FROM dbArticle WHERE title LIKE '%$search%' OR type LIKE '%$search%' OR username LIKE '%$search%'"); 
    while($row = mysql_fetch_array($result)) 
    // Check if name exists in table 
    if (!empty($row['title'])) { 
    echo "".$row['title']."<br />";} 
    if (!empty($row['type'])) { 
    echo "".$row['type']."<br />";} 
    if (!empty($row['username'])) { 
    echo "".$row['username']."<br />";} 
    //Close connection 
    mysql_close(); 


?>

CODE：PHP搜索輸入

<div id="navSearch"> 
    <form method="post" action="index.php?pageContent=search"> 
    <li><input type="text" maxlength="30" size="22" name="search" onkeyup="send_requestSearch(this);"/> </li> 
    <li><input type="submit" value="Search" name="submit"/></li> 
    <div class="liveSearch" id="livesearch"></div> 
    </form>

如果您需要查看我的Javascript，請告訴我。

來源

2009-02-28 Cool Hand Luke UK

您正在查找的控件稱爲建議者。嘗試搜索谷歌「ajax建議」。你會發現一些關於如何去做的教程。以下是一個：link

來源

2009-02-28 16:20:23 SorinV

我寧願使用我已有的JavaScript。 – 2009-02-28 20:02:34

然後看看示例JavaScript如何工作並將其適用於您的腳本。這不是讓人們免費進行編碼的地方。 – ceejayoz 2009-02-28 20:39:38

您可能需要使每個返回的搜索結果具有JavaScript功能，以便使用OnClick將其值填充到輸入文本中。將文本輸入元素標識爲id屬性將有助於將其定位一點。我相信你可以弄清楚其餘的。我已經開始喜歡JQuery完成這些類型的任務。

您也可能希望結果具有CSS規則「cursor: pointer」，以便它看起來像可點擊的項目。

來源

2009-02-28 16:22:31

幫助您使用AJAX PHP和MYSQL Live Search！

回答

相關問題