Question

我已经google了这个，我也不是它的专家。我尝试了以下代码，以为我正在实现一个简单的自动完成文本框。但是不起作用。这是代码。如果有人能帮助解决它可能出现的问题，那将是一个很大的帮助。我尝试时，我的文本框根本不会返回任何自动填充建议。

感谢。

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="jquery.WebForm1" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <%--<link href="jquery-ui-1.8.13.custom.css" rel="stylesheet" type="text/css" />--%>
        <title></title>
        <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" 
        rel="stylesheet" type="text/css"/>  
        <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.1.min.js" type="text/javascript"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        <script type="text/javascript">
            $(function () {
                $("#TextBox1").autocomplete
               ({
                   source: ["Joe", "John", "Jack", "Ben", "Bell", "Steve", "Scott"]  // simple list of strings 
               });


            });
        </script>
            <asp:Button ID="Button1" runat="server" Text="Button" />
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

            <br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

        </div>
        </form>
    </body>
    </html>

Answer 1

你的代码中没有jquery ui库的参考

尝试添加：

    <script src="https://code.jquery.com/ui/1.10.3/jquery-ui.min.js" type="text/javascript"></script>

ASP中的jquery自动完成功能无法正常工作

1 个答案: