自动完成文本框出错

问题描述:

我需要自动完成文本框。我试着下面的代码段:自动完成文本框出错

<input type="text" id="tbx_srchByFn" class="autosuggest" disabled="disabled" value="fieldname" runat="server" 
            onclick="this.value=''" /> 

jQuery的

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" 
     rel="stylesheet" type="text/css" /> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      SearchText(); 
     }); 
     function SearchText() { 
      $(".autosuggest").autocomplete({ 
       source: function (request, response) { 
        $.ajax({ 
         type: "POST", 
         contentType: "application/json; charset=utf-8", 
         url: "DDL_Home.aspx/GetAutoCompleteData", 
         data: "{'username':'" + document.getElementById('tbx_srchByFn').value + "'}", 
         dataType: "json", 
         success: function (data) { 
          response(data.d); 
         }, 
         error: function (result) { 
          alert("Error"); 
         } 
        }); 
       } 
      }); 
     } 
    </script> 

.cs文件

using System.Web.Services; 
    [WebMethod] 

    public static List<string> GetAutoCompleteData(string username) 
    { 
     List<string> result = new List<string>(); 
     using (SqlConnection con = new SqlConnection("constr")) 
     { 
      using (SqlCommand cmd = new SqlCommand("select DISTINCT Name from Register where Name LIKE '%'[email protected]+'%'", con)) 
      { 
       con.Open(); 
       cmd.Parameters.AddWithValue("@SearchText", username); 
       SqlDataReader dr = cmd.ExecuteReader(); 
       while (dr.Read()) 
       { 
        result.Add(dr["Name"].ToString()); 
       } 
       return result; 
      } 
     }  


    } 

,当我在文本框中键入我没有得到output.but当我删除runat =“server”它的工作原理。我只需要在服务器上,以便我可以从服务器采取文本框的值

+0

插入HTML文本框的值作为后面字符串名称=的Request.Form [ “名称”]的代码; – Wenson

+0

http://www.aspsnippets.com/Articles/Get-value-of-HTML-Input-TextBox-in-ASPNet-code-behind-using-C-and-VBNet.aspx – Wenson

+0

添加runat =“server”和检查我的解决方案 – RajeeshMenoth

当我删除runat =“服务器”它的工作原理。

我认为回发发生在您的代码中。所以你必须重新绑定SearchText()函数。在您的代码中添加以下javascript

尝试此代码:

var prm_lp = Sys.WebForms.PageRequestManager.getInstance(); 
//Re-bind for callbacks 
prm_lp.add_endRequest(function() { 
SearchText(); 
});