Question

我希望有一个搜索表单（包含多个字段），当人们键入值时，会显示可用的结果，从我的数据库中提取这些值。

做了一些研究我找到了下面的代码，但正如你所看到的那样，它可以用手工预定的单词，而不是使用数据库来恢复我想要的值。

有没有办法可以改变这段代码，也许是脚本，来实现我想要的结果？

<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>

Answer 1

你可以看到这两个链接

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

如果您使用asp.net

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

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

Answer 2

您需要使用远程数据源

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

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

当然，您需要一些服务器端来支持这一点。

自动结果搜索表单jquery

2 个答案: