0

この例を変更しようとしています: http://jqueryui.com/demos/autocomplete/#comboboxハイパーリンクが値として渡される同様の選択リストを解析します。

<select id="combobox">
<option value="/page1" title="Page1">Page1</option>
<option value="/page2" title="Page2">Page2</option>
<option value="/page3" title="page3">Page3</option>
<option value="/page4" title="Page4">Page4</option>
...

目的の効果は、一致が確認されてユーザーが [Enter] をクリックしたとき、または単にユーザーがオートコンプリート リストから提案をクリックしたときに、対応するページへのリンクをアクティブにすることです。

また、AutoComplete が選択リストではなく単純なリンク リストを解析するようにしようとしましたが、私の新鮮な jquery スキルを考えると、ハックが多すぎるように思えます。

どんな助けでも大歓迎です。どうもありがとうございました。

4

2 に答える 2

0

onItemSelectオートコンプリートにコールバックを追加してみてください。の線に沿った何か

onItemSelect: function(v){
   window.location.href = v;
}
于 2010-06-23T12:41:15.750 に答える
0

autocomplete select イベントを使用してページに移動します

$( ".selector" ).autocomplete({
   select: function(event, ui) { ... }
});

jQueryUI ドキュメントから:

メニューからアイテムが選択されたときにトリガーされます。ui.item は、選択されたアイテムを参照します。select のデフォルトのアクションは、テキスト フィールドの値を選択した項目の値に置き換えることです。このイベントをキャンセルすると、値が更新されなくなりますが、メニューを閉じることはできなくなります。
于 2010-06-23T12:42:17.513 に答える