2

オートコンプリート部分は機能しますが、ドロップダウンの値をクリックすると検索ボックスに入力されるだけで、Enter キーを押して検索を実行する必要があります。検索する値を取得するにはどうすればよいですか?

<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">


<script>
  $(function() {
    var availableTags = [
      "SEO",
      "Responsive Design",
      "Google Local",
      "Twitter",
      "Social Media",
      "Web Design",
      "What is Google Authorship",
      "NFL",
      "Fantasy Football Rankings",
      "Kevin Sullivan",
      "Fantasy Football RB Rankings 2013",
      "Fantasy Football",
      "How to Buy Twitter Followers",
      "Advanced IFX",
      "Social Media Marketing",
      "NFL Schedule 2013-2014 Season",
      "Fantasy Football Breakdown",

    ];
    $(".search_box").autocomplete({
  source: availableTags,
  select: function(event, ui) { 
    $(".search_box").val(ui.item.value);
    $("#search").submit();
    });
  });
  </script>
4

2 に答える 2

1

これがあなたが探しているものだと思います：

$(".search_box").autocomplete({
  source: availableTags,
  select: function(event, ui) { 
    $(".search_box").val(ui.item.value);
    $("form").submit();
  }
})

「フォーム」を変更して、検索のために送信する特定のフォームを選択します。これにより、クリックした値が検索ボックスに入力され、検索フォームが自動的に送信されます。

テストに使用できる jsfiddle は次のとおりです: http://jsfiddle.net/4gArf/

于 2013-06-10T16:51:18.167 に答える
0

プロパティに示されているようにdocumentation、sourceデータを返すリモート エンドポイントを指すことができます。

<script type="text/javascript">
    $('.search_box').autocomplete({
        source: '/remote.php'
    });
</script>
于 2013-06-10T07:17:51.870 に答える