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

Question

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

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

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

我会使用 METHOD=post 还是什么？

提前感谢您的帮助

Answer 1

这是 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
});

Answer 2

您好，请在此处查看演示：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;
        }
});
​