在jQuery中输入表单数据时需要帮助制作下拉列表

Question

我正在使用此测试页：http://problemio.com/test.php

我要做的是：当人们输入时，我想去数据库并为他们搜索可用的选项。获取项目的部分正在运行。

什么不起作用是显示项目。我在这里玩jQuery自动完成：http://docs.jquery.com/UI/Autocomplete但它只是给出了这个：

$("input#autocomplete").autocomplete({
    source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]
});

在我的ajax调用返回可用选项后，我不确定如何填充该列表。关于什么是正确的方式去任何想法？

Answer 1

您可以将服务器端脚本的路径传递给source属性。它应该返回一个json对象

// from http://jqueryui.com/demos/autocomplete/#remote
$( "#birds" ).autocomplete({
    source: "search.php",
    minLength: 2,
    select: function( event, ui ) {
        log( ui.item ?
            "Selected: " + ui.item.value + " aka " + ui.item.id :
                "Nothing selected, input was " + this.value );
    }
});

Answer 2

这应该通过在自动填充的source属性处提供一个返回元素数组的网址来自动生效。

以下是几个例子： http://view.jquery.com/trunk/plugins/autocomplete/demo/