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)

Private Sub FillSearchResult()
        Dim AutoComp As New AutoCompleteStringCollection()
        Dim dsSerch As New DataSet
        Dim ConStr As String = "user id=sa;password=aeiouy;Initial Catalog=......."
        Dim sqlCon As New SqlClient.SqlConnection(ConStr)
        Dim Str As String = "select empname from tbl_Employee"
        Dim SqlCom As New SqlClient.SqlCommand(Str, sqlCon)
        Dim sqlAdap As New SqlClient.SqlDataAdapter(SqlCom)
        For i As Integer = 0 To dsSerch.Tables(0).Rows.Count - 1
        TextBox1.AutoCompleteMode = AutoCompleteMode.Suggest
        TextBox1.AutoCompleteSource = AutoCompleteSource.CustomSource
        TextBox1.AutoCompleteCustomSource = AutoComp
End Sub

    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.

    • The above example is only for the Windows application. In you can use the autocomplete plugin using jQueryUI.

      try that let me know.


    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.

    • take a just html input type=”text” element inplace of the textbox control.

      write the css and javascript in the contentplaceholder1 and html in the contentplaceholder2.


        Hirendra, As you said I did that and yeah it works really fine only
        when, I take html input type=”text” but my page is in, and I’m
        adding some other data along with html textbox into database but when I
        declared html input type=”text”, since page is not recognizing
        the input type, well how ever I have to input type=”text”
        runat=”server”. Then again I’m getting the same problem. Bro waiting for
        your positive response.


    Hirendra where is your foot bro, I need to take “Ashirwaad” man, You’re too,your are just awesome man good.Thank you very much It’s working, But could you please recommend me about how to add html controls in page and how to deal with business logic layer?


    Bro I dunno my comments are posting into your forum or not, once again I’m trying because here I’ve internet fluctuation, so how to do with, because your suggestion was right only when we use html input type, but my page is in aspx. so help me out how to do that.

  • shahzeb khan

    can you do the same in .net ?