如何使用输入JQuery Autocomplete表单的数据?

时间:2012-05-03 04:46:00

标签: php jquery html forms autocomplete

所以我试图将输入到此表单中的信息拉出来并将其用于其他事情。

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

我知道这似乎是一个简单的问题 - 但我无法弄明白。此表单使用.php文件,该文件有助于启动自动完成功能。

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

提前感谢您提供任何帮助

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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