jquery autocomplete select event

Question

I am using the autocomplete to display items that contain html markup such as ^T128 The first script will display the autocomplete list, but not as html..it will display ^T128 in the list, but I can select the item:

    var createAutocomplete = function () {
    var $input = $(this);
    var options = {
        source: $input.attr("data-jax-autocomplete"),
        minLength: 3
    };
    $input.autocomplete(options)
    };

I found a fix that will render the html markup in the autocomplete list, but after changing the script, I found that I can no longer select an item on the list:

    var createAutocomplete = function () {
    var $input = $(this);
    var options = {
        source: $input.attr("data-jax-autocomplete"),
        minLength: 3
    };


    $input.autocomplete(options).data("autocomplete")._renderItem = function (ul, item) {
        return $("<li></li")
          .append("<a>" + item.label + "</a>")
          .appendTo(ul);
    };

};

Nothing...that is the question that I am asking. In the first example I could select an item from the autocomplete list and it would be displayed in the input. In the second example when I click on an item in the autocomplete list nothing happens — Jack
– Jack, Commented Feb 21, 2013 at 19:08

Jeromy French · Accepted Answer · 2013-02-22 16:47:19Z

1

I was able to solve this by using the jquery.ui.autocomplete.html.js extension by Scott

edited Feb 22, 2013 at 16:47

Jeromy French

12.1k19 gold badges79 silver badges136 bronze badges

answered Feb 22, 2013 at 13:54

Jack

212 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery autocomplete select event

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related