0

次のような検索フォームがあります-

画像はこちら

私がやろうとしているのは、ユーザーがいずれかのフォーム要素の値を変更したときに 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
        });
    }
}

上記は、私の要素検索の 1 つの jquery です。一度にすべてを検索するにはどうすればよいですか?

4

1 に答える 1

0

これが私が書いたjqueryプラグインで、それを理解するのに役立つかもしれません。ユーザーが入力すると、ajaxを使用してサーバーからデータを取得します。

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

于 2012-08-16T14:20:59.803 に答える