rails3-jquery-autocompletegemを使用しています。完全に機能しますが、結果の選択時にリダイレクトを実装する方法がわかりません。これで、選択した結果のテキストをフィールドに入力するだけです。ありがとう!
3 に答える
rails3-jquery-autocomplete を使用しているときに、ユーザーがオートコンプリート リストからドロップダウン項目の 1 つを選択したときにリダイレクトを実行する最良の方法は、ユーザーがオプションの 1 つを選択したときにトリガーされる「railsAutocomplete.select」イベントを使用することです。 .
これを行う方法は、ここに文書化されています。このアプローチは、rails3-jquery-autocomplete コードの編集を回避できることを意味し、フォーム フィールドの「onChange」ではなく、ユーザーがドロップダウン オプションから選択したときにのみリダイレクトが発生するようにします。あなたがしたい。
onChange
更新されるテキストフィールドにイベントを使用するだけです。簡単な JavaScript で実現できるリダイレクト:
window.location = "http://stackoverflow.com"
値ごとに異なるリダイレクトが必要な場合は、次を使用しますswitch
。
var location;
switch ( document.getElementById('#my_textfield').value ) {
case "stackoverflow":
location = "http://stackoverflow.com";
case "google":
location = "http://google.com";
default:
location = "http://mysite.com";
}
window.location.href = location;
アセットの jquery-ui.js ファイルに移動すると、縮小されていることがわかります。
http://jsbeautifier.orgにアクセスして、コードの見栄えを良くしてください
これを含む行を探します
case e.ENTER:
空白であることがわかります。これは、Enter をクリックしたときに実行されるアクションなので、次のように変更します。
case e.ENTER:
window.location.href = 'yourURL';