1

jQueryWeb サイトにオートコンプリート プラグインを実装することができましたが、ユーザーが検索からアイテムを選択すると、フォームを自動送信できるかどうか疑問に思っていました。私は次の設定をしています：

HTML フォーム:

<form class="quick_search" action="../include/search.php" method="post">
    <input type="text" name="search" id="search" value="Search...">
</form>

JavaScript:

$().ready(function() {
    $("#search").autocomplete("../include/search.php", {
        width: 350,
        selectFirst: false
    });
});

jQueryおよびAutopluginスクリプトも含めました。search.php ファイルには、検索オプションのリストが含まれています。

現時点では、検索は正しく機能しており、表示されるリストからアイテムが選択されたら、フォームを送信するだけで済みます。検索フィールド内で onClick および onSelect オプションを使用しようとしましたが、どちらも正しく機能しませんでした。

どんな助けでも大歓迎です（私は本当にjsを理解していません）！ありがとう。

4

1 に答える 1

2

ui.item ではなく ui.item.value で select を使用できることがわかりました

$(document).ready(function() {
    $(function() {
        $("#search_box").autocomplete({
            source: ['Google', 'Yahoo', 'StackOverflow'],
            select: function(event, ui) {
                $(event.target).val(ui.item.value);
                $('#search_form').submit();
                return false;
            },
            minLength: 1
        });
    });
});​

このフィドルを参照してくださいhttp://jsfiddle.net/uXHCQ/

jQuery-UI オートコンプリートの@tim peterson に感謝します

于 2012-11-25T13:41:14.187 に答える