Home/ Questions/Q 3212610
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-17T14:51:21+00:00

I am trying to implement the autocomplete method for textboxes. I would like to

  • 0

I am trying to implement the autocomplete method for textboxes.

I would like to use the example based on jquerys autocomplete provided here

<head>
  <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.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  
  <script>
  $(document).ready(function() {
    $("input#autocomplete").autocomplete({
    source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]
});
  });
  </script>
</head>

The first and Main problem is that i do not know the way of passing my values to the source:

By saying that i mean, supposing i have a a server-side ASP.NET function
GetTheResults as listof(string) or
GetTheResults as string ()

how am i supposed to pass those values as source required by the auto-complete?

The second problem is that the specific way does not use AJAX.
Which means i guess on the load of the form i will load all the available values to the source. Isn’t that an overkill?

What do you suggest instead?

Thanks and regards!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Oh, maybe I misunderstood – is GetTheResults a server-side ASP.NET function? You didn’t say. This assumes it’s a client-side JavaScript function. If it is server-side, why not implement the AJAX way?

    If GetTheResults returns all values then I think you can just fill it in inline, i.e.

    $("input#autocomplete").autocomplete({
    source: GetTheResults()
    }
});

    The control will then filter the list for display. Or you can use the function source mechanism as documented on that page, e.g.

    $("input#autocomplete").autocomplete({
    source: function(request, response) {
        var results = GetTheResultsForInput(request.term);
        response(results);
    }
});
    • 0