9

オートコンプリートでアイテムを手動で選択し、値を指定してクリックしたい。

次のコード:

autocompleteitem.autocomplete("option", "autoFocus", true).autocomplete("search", autocompleteitem.val());

autocompleteitem は、検索したい値を保持する入力のオブジェクトです。このコードは、ドロップダウンから最初の項目を正常に選択しますが、クリックしません。私は自分でクリックしたくありません。そのコードで何らかの形でクリックしたいのです。

上記のコードに次の追加を試みましたが、うまくいきませんでした:

   .click(), .select(), .trigger('select'), .find('a').click(), .change()

私はそれを行うことができる方法はありますか？

ありがとう

誰か助けてください

4

2 に答える 2

33

jQuery チームがオートコンプリートの単体テストで行っている方法を見ると、次のコードのようなものを使用しています。

    var downKeyEvent = $.Event("keydown");
    downKeyEvent.keyCode = $.ui.keyCode.DOWN;  // event for pressing "down" key

    var enterKeyEvent = $.Event("keydown");
    enterKeyEvent.keyCode = $.ui.keyCode.ENTER;  // event for pressing "enter" key

    $("#autoComplete").val("item"); // enter text to trigger autocomplete
    $("#autoComplete").trigger(downKeyEvent);  // First downkey invokes search
    $("#autoComplete").trigger(downKeyEvent);  // Second downkey highlights first item
    $("#autoComplete").trigger(enterKeyEvent); // Enter key selects highlighted item

このプランクはそれが機能していることを示しています

于 2013-03-17T21:59:33.647 に答える
-1

このjqFAQ.comトピックを見てください。これは、値の最初の一致オプションをプログラムで選択し、オートコンプリート テキストボックスに設定するのに役立ちます。他にもオートコンプリート関連のよくある質問はほとんどありません。役に立つと思います。

于 2012-11-08T12:29:58.883 に答える