自動搜索表單jquery

我希望有一個搜索表單（有多個字段），當人類輸入值時會顯示可用結果，從我的數據庫中創建這些值。自動搜索表單jquery

做一些研究，我發現下面的代碼，但你可以看到它的工作文字用手預先定義的，而不是使用數據庫就像我想恢復值。

有沒有一種方法可以改變這段代碼，也許腳本來實現我想要的結果？

<head> 
<script> 
$(function() { 
    var availableTags = [ 
     "ActionScript", 
     "AppleScript", 
     "Asp", 
     "BASIC", 
     "C", 
     "C++", 
     "Clojure", 
     "COBOL", 
     "ColdFusion", 
     "Erlang", 
     "Fortran", 
     "Groovy", 
     "Haskell", 
     "Java", 
     "JavaScript", 
     "Lisp", 
     "Perl", 
     "PHP", 
     "Python", 
     "Ruby", 
     "Scala", 
     "Scheme" 
    ]; 
    $("#tags").autocomplete({ 
     source: availableTags 
    }); 
}); 
</script> 
</head> 

<body> 
<div class="ui-widget"> 
<label for="tags">Tags: </label> 
<input id="tags" /> 
</div> 
</body>

來源

2012-11-17 mah2602

？ – rahul

如果你正試圖實現自動完成，你可以嘗試 http://stackoverflow.com/a/13346080/1440342 – vaibhav

@rahul是搜索表單的文件是在php – mah2602

您需要使用遠程數據源

$("#tags").autocomplete({ 
     source: "specify_url_to_your_server_here" 
    })

http://jqueryui.com/autocomplete/#remote

當然，你需要一些服務器端支持這一點。

來源

2012-11-17 13:16:03

我是一個begginer與PHP和JavaScript，所以你能幫我找到一個來源，我可以看到我應該如何confiure我的服務器端？非常感謝。 – mah2602

我不是一個PHP的傢伙。 :)檢查@rahul提供的鏈接。 –

你可以看到這兩個環節

http://jqueryui.com/autocomplete/#remote-jsonp

http://jqueryui.com/autocomplete/#remote

如果您正在使用php

http://www.simonbattersby.com/blog/jquery-ui-autocomplete-with-a-remote-database-and-php/

http://burnmind.com/howto/how-to-feed-jquery-uis-autocomplete-with-a-database-generated-dataset

如果你是，你使用PHP或別的東西使用asp.net

http://www.dotnetcurry.com/ShowArticle.aspx?ID=515

http://www.aspsnippets.com/Articles/Using-jQuery-AutoComplete-Plugin-in-ASP.Net.aspx

來源

2012-11-17 13:18:53 rahul

我的搜索字段看起來像這樣'

loadsearchfield($fields[$i]->id, 0, array('form'=>'searchform')); ?>

'，但在教程中我必須在輸入框中放入一個ID「auto」，有沒有一種方法可以在PHP文件中指定這個ID？謝謝。 – mah2602

我這樣做此鏈接http://burnmind.com/howto/how-to-feed-jquery-uis-autocomplete-with-a-database-generated-dataset 上使用的字段的HTML生成的ID我想了。完美工作。非常感謝！ – mah2602

自動搜索表單jquery

回答

相關問題