如何使用输入到 JQuery 自动完成表单中的数据？答案

【问题标题】：How to use data entered into JQuery Autocomplete form?如何使用输入到 JQuery 自动完成表单中的数据？
【发布时间】：2012-05-12 14:35:15
【问题描述】：

所以我正在尝试提取输入此表单的信息并将其用于其他用途。

<form onsubmit="return false;">
Enter a School:
<input id="schoolsearch" type="text" /> 
<INPUT TYPE=SUBMIT VALUE="GO">
</form>

我知道这似乎是一个简单的问题——但我就是想不通。此表单与一个 .php 文件一起使用，该文件有助于为自动完成功能提供动力。

我应该只使用 METHOD=post 还是什么？

提前感谢您的帮助

【问题讨论】：

你到底想用它做什么？是不是像一个在您输入时进行搜索的搜索表单？
我刚刚意外删除了上面的帖子，但在 jquery 文档中查找 $.ajax、$.get 和 $.post。
基本上是的。就像用户开始输入学校名称一样，它在学校名称数据库中进行搜索，并在用户输入时匹配它们。它会在用户键入时创建一个选项下拉列表。在用户输入完整的学校名称/或从下拉框中选择一个名称并点击“开始”之后。我希望能够使用他们在表单中输入的任何内容。

标签： php jquery html forms autocomplete

【解决方案1】：

您好，请在此处查看 demo：http://jsfiddle.net/vZtGs/或请在此处查看我使用更多选项的旧回复之一：jquery autocomplete using '@'

请在此处阅读：http://jqueryui.com/demos/autocomplete/（支持其他选项和事件）

代码

$( "#autocomplete, #schoolsearch" ).autocomplete({
    source: function( req, resp ) {
        $.post( "/echo/json/", {
            json: '["School1", "School2", "School3", "School4", "School5"]',
            delay: 1
        }, function(data) {
            resp( data );
        }, "JSON" );
    },
        select: function(event, ui) {
            //var terms = split(this.value);
            alert('Do whatever with this value man: ' + ui.item.value);
            return false;
        }
});

【讨论】：

【解决方案2】：

这里是 ajax 如何在 javascript 中工作的概要。有关更多信息，请参阅此处http://api.jquery.com/jQuery.post/。

run this on.keypress()

$.ajax({
type: 'POST',
url: url, //url of the php file that searches for schools with the given value
data: data, // the data you are sending so something like $('#school').val()
success: success, // prepare to catch what the php returns 
dataType: dataType
});

【讨论】：