jsp中的自动完成文本框

Question

我有一个包含表值值的数据库：

数据库：staff_details

    staffname

    Arun
    Suresh
    Ankita
    Tina

我希望使用数据库中的值自动完成文本框。例如，如果我在文本框中输入“a”，那么它应该只显示数据库中所有以字母“a”开头的名称。现在它显示所有包含“a”字母的名称。 IE 如果我在文本框中输入“a”，列表应该只包含“Anikta”和“Arun”。

当我在文本框中输入字母“a”时，我当前的列表包含 Arun、Anikta 和 Tina。

如何在文本框中以列表形式显示以输入字母开头的数据库值

我尝试过的：

          <label for="validationDefaultUsername">Authors </label>     
           <% 
           Connection con=null;                
           con=DriverManager.getConnection("jdbc:mysql://localhost:3306/test","root","root");    

           PreparedStatement ps1= con.prepareStatement("select staffname from staff_details ");              
           ResultSet rs=ps1.executeQuery();           
           %>      
          <input type="text" class="form-control"  name="prepared_by" id="auth" placeholder="Author " list="a_data" id="auth"   required>
          <%

           %>      
          <datalist id="a_data">
               <%while(rs.next())
                    { %>                   
                        <option value="<%= rs.getString(1) %> "> </option>
                        <%
                    }
                    %>
          </datalist>
               </div>

Answer 1

您需要在查询中使用 LIKE 运算符，因此您的代码将如下所示：

        <% 
           Connection con=null;                
           con=DriverManager.getConnection("jdbc:mysql://localhost:3306/test","root","root");    

           PreparedStatement ps1= con.prepareStatement("select staffname from staff_details where staffname  LIKE ? ");  
            ps1.setString(1, search + "%");
                           //^ passing value to placeholder  & here "%"<- can be any letter   
           ResultSet rs=ps1.executeQuery();           
           %>      

另外，请参考我的 answer 以使用 ajax 执行此操作。