如何在 ASP.net 中单击文本框时调用自动完成 jquery 功能

Question

在我的表单中，我几乎没有选择控件和文本框。我想在从数据库获取值的文本框中显示自动完成选项。数据库中有更多记录，因此我通过从相同形式的下拉列表中获取值来过滤记录。我正在使用 jquery 自动完成功能。但它不起作用。当我单击该文本框时，没有任何反应。

 <asp:DropDownList ID="Cmb_PrdCat" runat="server" Height="38px" ToolTip= "Product category"   Width="320px" ForeColor="#666666" CssClass="RoundedBtn" TabIndex="4"  >
 </asp:DropDownList>  

<asp:DropDownList ID="Cmb_Domain" runat="server" Height="38px" Width="321px" ForeColor="#666666" CssClass="RoundedBtn" TabIndex="3" >
 </asp:DropDownList>

<asp:DropDownList ID="Cmb_Reg" runat="server" Height="38px" Width="321px" ForeColor="#666666" CssClass="RoundedBtn" TabIndex="3" >
</asp:DropDownList>      

 <asp:TextBox ID="EndClient_Txt" runat="server" Width="317px"
 Font-Names="Calibri" Font-Size="Medium" ForeColor="#666666" 
  Height="31px"  CssClass="RoundedBtn" TabIndex="8" onfocus="SearchText()"></asp:TextBox>

JQuery 函数:

<link href="jquery/jquery-ui.css" rel="stylesheet" type="text/css" />  
<script src="jquery/jquery.min.js" type="text/javascript"></script>  
<script src="jquery/jquery-ui.min.js" type="text/javascript"></script>  

<script type="text/javascript">  

    function SearchText() {  
        $("#EndClient_Txt").autocomplete({  
            source: function(request, response) {  
                $.ajax({  
                    type: "POST",  
                    contentType: "application/json; charset=utf-8",  
                    url: "SalesOrderInput.aspx/GetClientName",                         
                    dataType: "json",  
                    success: function(data) {  
                        response(data.d);  
                    },  
                    error: function(result) {  
                        alert("No Match");  
                    }  
                });  
            }  
        });  
    }  
</script>

在我的 aspx.vb 页面中，我编码如下：

Public Function GetClientName() As List(Of String)

        Dim empResult As List(Of String) = New List(Of String)()

        Sql = "SELECT * FROM opportunities where PCategory ='" & Cmb_PrdCat.SelectedItem.Text & "' and Domain ='" & Cmb_Domain.SelectedItem.Text & "' and Region='" & Cmb_Reg.SelectedItem.Text & "'"

        Dim cmd = New MySqlCommand(Sql, conn1)
        reader = cmd.ExecuteReader()
        While (reader.Read())
            empResult.Add(reader("OppName").ToString())
        End While
        reader.Close()
        Return empResult       

    End Function

当我开始在该文本框中键入内容时，出现错误警报消息。

Answer 1

而不是$("#EndClient_Txt")

尝试$("#<%= EndClient_Txt.ClientID %>")

ClientID 属性将确保您在呈现页面时始终获得客户端控件 Id

Answer 2

尝试在

上方添加 [PageMethod] 或 [WebMethod] 注释

Public Function GetClientName() As List(Of String)

End Function

如何在 ASP.net 中单击文本框时调用自动完成 jquery 功能

How to Invoke autocomplete jquery function when textbox clicked in ASP.net

vb.net

asp.net

webforms

jquery-ui-autocomplete