自動完了検索でユーザーがJson値を選択したときにアプリケーションが自動的に検索を実行できるようにする方法

Question

私は自動完全検索を実装していますが、現在私のsenarioは次のように動作しています。検索条件 2.目的のJson値を選択します。 3. ajax.Beginformの検索ボタンをクリックします。

しかし、私がしたいことは次のとおりです。 - 1.ユーザーは検索条件の一部を挿入します。 2.目的のJson値を選択します。 3.システムが自動的に検索ボタンをクリックすることなく検索を実行する（Google、Yahooなどの検索エンジンと同じ）。 クイックサーチアクションメソッド： - - ： はここに私のコードです：

@using (Ajax.BeginForm("Search", "User", new AjaxOptions 
{ 
    HttpMethod = "POST", 
    InsertionMode = InsertionMode.Replace, 
    UpdateTargetId = "searchResults", 
    LoadingElementId = "progress" 
})) 
{ 

    <input type="text" name="q" data-autocomplete-source="@Url.Action("QuickSearch", "User")" /> 
    <input type="hidden" name="classid" value="@ViewBag.classid"/> 



    <input type="submit" value="Search" /> 
} 

オートコンプリートスクリプト： - -

public ActionResult QuickSearch(string term) 
     { 
           var users = entities1.Users 
       .Where(e => e.UserID.Contains(term)) 
       .Select(r => new {value = r.UserID }); 
      return Json(users, JsonRequestBehavior.AllowGet); 

     } 

と、私は次のコードを持っているビュー上

$(document).ready(function() { 
    $("input[data-autocomplete-source]").each(function() { 
var target = $(this); 
target.autocomplete({ source: target.attr("data-autocomplete-source") }); 
}); 
}); 

Answer 1

.selectイベントを購読し、手動でフォーム送信を試行することができます。

target.autocomplete({ 
    source: target.attr("data-autocomplete-source"), 
    select: function(event, ui) { 
     $(this).closest('form').trigger('submit'); 
    } 
});