如何在自動完成文本框中沒有按鈕的情況下回發？

Question

我將文本框綁定到DB，但是當我單擊自動完成文本框中的名稱並在文本框中選擇該名稱時，我不知道如何發送客戶ID在另一頁中顯示其數據。

<script type="text/javascript">
    $(document).ready(function () {
        $('#txtSearch').autocomplete({
            source: 'SearchHandler.ashx'
        });
    });

</script>

這是背后的代碼

public class SearchHandler : IHttpHandler
{
    public void ProcessRequest(HttpContext context) 
    {
        string term = context.Request["term"] ?? "";
        List<string> listSearch = new List<string>();
        List<string> IDsearch = new List<string>();

        string cs = ConfigurationManager.AppSettings["dbpath"];
        using (SqlConnection con = new SqlConnection(cs))
        {
            SqlCommand cmd = new SqlCommand("searchFriend", con);
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.Parameters.Add(new SqlParameter()
            {
                ParameterName="@term",
                Value = term
            });
            con.Open();
            SqlDataReader dr = cmd.ExecuteReader();

            while(dr.Read())
            {
                listSearch.Add(dr["UInfo"].ToString());
                IDsearch.Add(dr["UId"].ToString());
            }
        }

        JavaScriptSerializer js = new JavaScriptSerializer();
        context.Response.Write(js.Serialize(listSearch));  
    }
}

Answer 1

使用選擇事件： http : //api.jqueryui.com/autocomplete/#event-select

       $('#txtSearch').autocomplete({
            source: 'SearchHandler.ashx',
            select: function( event, ui ) {
               //submit form here
               document.forms[0].submit();
           }
        });

如果需要檢索選定的值，請使用close-event，然后從文本框中檢索值並按需要使用它：

       $('#txtSearch').autocomplete({
            source: 'SearchHandler.ashx',
            close: function( event, ui ) {

                 var userid = $(this).val();

                 //open new window with customer info
                 window.open('CustomerInfo.aspx?Customer=' + userid);


           }
        });