0

ユーザーがアイテムを検索できるように、jQueryUIオートコンプリートを使用したいと思います。

JSONにする必要のある製品のリストがあります（またはjQuery UIのデモのようにJavaScriptに含めるだけです）が、ユーザーがアイテムを選択すると、URLにリダイレクトされる方法はありますか？

jQuery UIのデモでは、次のようになっています。

$(function() {
  var availableTags = [
    "ActionScript",
    "AppleScript",
    "Asp",
    "BASIC",
    "C",
    "C++",
    "Clojure",
    "COBOL",
    "ColdFusion",
    "Erlang",
    "Fortran",
    "Groovy",
    "Haskell",
    "Java",
    "JavaScript",
    "Lisp",
    "Perl",
    "PHP",
    "Python",
    "Ruby",
    "Scala",
    "Scheme"
  ];
  $( "#tags" ).autocomplete({
    source: availableTags
  });
});

各アイテムのURLをどこに追加すれば、ユーザーがアイテムを選択するとページがリダイレクトされますか？

4

1 に答える 1

1

valueという名前のプロパティを持つオブジェクトを渡すと、jqueryはそれを表示値として使用します。次に、オートコンプリートのselectメソッドを使用して、イベントを処理できます。

var availableTags = [
    {value: "ActionScript", url:"http://www.google.com?q=ActionScript"},
    {value: "jquery", url:"http://www.google.com?q=jquery"}
    ];
    $( "#tags" ).autocomplete({
      source: availableTags,
        select:function(event, ui) {
        window.open(ui.item.url);        
    }
    });

フィドルの例：http：//jsfiddle.net/9qePM/

于 2013-03-25T21:06:07.033 に答える