Search Textbox with dropdown in

you can create a drop-down textbox somthing like Auto suggest Google search. when will you type a letter to this textbox then it will show the words starting with letter in drop down.

Let’s suppose if you type ‘a’ into textbox then textbox will suggest all words starting with letter ‘a’ in drop down.

drop-down textbox

You can do this with the help of AutoCompleteMode property in Textbox control. This property automatically matches the input string. This property is very useful for frequently searching strings. If there is duplication occurs in source data then the AutoCompleteMode property omits the duplication and display only once. We need to use AutoCompleteMode and AutoCompleteSource property must be used together.


In the following example textbox control named TextBox1 suggest us employee names from the database according to input string(like picture)

  1. Private Sub FillSearchResult()
  2.         Dim AutoComp As New AutoCompleteStringCollection()
  3.         Dim dsSerch As New DataSet
  5.         Dim ConStr As String = "user id=sa;password=aeiouy;Initial Catalog=……."
  6.         Dim sqlCon As New SqlClient.SqlConnection(ConStr)
  7.         sqlCon.Open()
  8.         Dim Str As String = "select empname from tbl_Employee"
  9.         Dim SqlCom As New SqlClient.SqlCommand(Str, sqlCon)
  10.         Dim sqlAdap As New SqlClient.SqlDataAdapter(SqlCom)
  11.         sqlAdap.Fill(dsSerch)
  12.         For i As Integer = 0 To dsSerch.Tables(0).Rows.Count - 1
  13.             AutoComp.Add(dsSerch.Tables(0).Rows(i)(0).ToString())
  14.         Next
  16.         TextBox1.AutoCompleteMode = AutoCompleteMode.Suggest
  17.         TextBox1.AutoCompleteSource = AutoCompleteSource.CustomSource
  18.         TextBox1.AutoCompleteCustomSource = AutoComp
  19. End Sub


4 thoughts on “Search Textbox with dropdown in”

  1. Hello! Hirendra I’m back with some problem, As of now you have helped me a lot, so this time I have came with up google like text box, I have tried and searched but didn’t get a right logic to implement some how I have tried with only page it works but when I’m trying to do with master page there I have big problem,please Hirendra help me out and waiting for your reply.

  2. Well, Bro thank you so much for your quick response,And yeah I’m trying this logic using Javascript,

    Ok, let me explain my code.

    I have a two different master pages called, and now there are two content place holder in my page with Master page2. and now I have textbox namely “txtsearch”. and here goes my content placeholder1 code.

    $(document).ready(function () {



    function SearchText() {


    source: function (request, response) {


    type: "POST",

    contentType: "application/json; charset=utf-8",

    url: "Inward entry.aspx/GetAutoCompleteData",

    data: "{'To':'" + document.getElementById('<txtSearch').value + "'}",

    dataType: "json",

    success: function (data) {



    error: function (result) {







    Inward entry.aspx.vb code:


    Public Shared Function GetAutoCompleteData(ByVal username As String) As List(Of String)

    Dim result As New List(Of String)()

    Using con As New OleDbConnection("Provider=Microsoft.ACE.OLEDB.12.0; Data Source= |DataDirectory|BioFP1.accdb")

    Using cmd As New OleDbCommand("select name1 from tblInward where name1 LIKE '%'+@SearchText+'%'", con)


    cmd.Parameters.AddWithValue("@SearchText", username)

    Dim dr As OleDbDataReader = cmd.ExecuteReader()

    While dr.Read()


    End While

    Return result

    End Using

    End Using

    End Function

    And dunno how to properly set the CSS and Javascript in the content placeholder for the controls. And bro your help would be much more appreciated, Kindly help me with valuable and right answer, because I’m having a very little time to finish my project.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>