自动搜索表单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

回答

相关问题