jquery - 随着输入值的变化自动竞争搜索

Question

我有一个像 -

图片在这里

我想要做的是使用 jquery 和 php 获得结果，因为用户更改了任何表单元素的值，但我只能在所有表单元素都被视为单个并且没有其他选项时才能做到。但我想在任何表单值发生变化时触发偶数。

google.load("jquery", "1.3.1");
google.setOnLoadCallback(function()
{
    // Safely inject CSS3 and give the search results a shadow
    var cssObj = { 'box-shadow' : '#888 5px 10px 10px', // Added when CSS3 is standard
        '-webkit-box-shadow' : '#888 5px 10px 10px', // Safari
        '-moz-box-shadow' : '#888 5px 10px 10px'}; // Firefox 3.5+
    $("#suggestions").css(cssObj);

    // Fade out the suggestions box when not active
     /*$("input").blur(function(){
        $('#suggestions').fadeOut();
     });*/
});

function lookup(inputString) {
    if(inputString.length == 0) {
        $('#suggestions').fadeOut(); // Hide the suggestions box
    } else {
        $.post("regularsearch.php", {queryString: ""+inputString+""}, function(data) { // Do an AJAX call
            $('#suggestions').fadeIn(); // Show the suggestions box
            $('#suggestions').html(data); // Fill the suggestions box
        });
    }
}

以上是我的元素搜索之一的 jquery。如何一次搜索所有内容？

Answer 1

这是我编写的一个 jquery 插件，可以帮助您解决问题。它使用 ajax 作为用户类型从服务器检索数据。

http://jsfiddle.net/alforno/g4stL/