Search jQuery

jQuery Forum

Display Markup of selected autocomplete item

in Using jQuery UI • 3 months ago

I used jquery.ui.autocomplete.html.js in-order to display data with html markup in the autocomplete list, but when I select an item from the list it is displayed as:

Apo A-1 KO - [Allele Common Name] -> <i>Apoa1<sup>tm1Unc</sup></i>

<b>By Search Term</b><br />

What do I need to do so that the selected item is displayed as html?

Replies(2)

mike_laird

Re: Display Markup of selected autocomplete item

2 months ago

It looks like you are trying to use the HTML5 autocomplete attribute to somehow launch some action. That won't work. The HTML5 autocomplete attribute is turned on or off, and when on, it uses past input by the user to fill input boxes with the same name. Your code shows no sign of using jQuery Autocomplete, though you may have it somewhere else.

Take a look at the Autocomplete demos and documentation.

http://jqueryui.com/autocomplete/

For anything that looks interesting, click on view source there and see how its built. If you need to, come back with a more specific question about jQuery.

giggles23..

Re: Display Markup of selected autocomplete item

2 months ago

No I am using the JQuery Autocomplete:

Here is the script:

    //Create Autocomplete
    //Uses jquery.ui.autocomplete.html.js extension
    var createAutocomplete = function () {
        var $input = $(this);
        var options = {
            source: $input.attr("data-jax-autocomplete"),
            minLength: 3,
            html: true, 
        };
 
        $input.autocomplete(options)
 
    };

So the question is when I select an item from the autocomplete

it is not displayed as html

Top Reply

Response title

Attachments

jQuery Forum

Display Markup of selected autocomplete item

Replies(2)

Re: Display Markup of selected autocomplete item

Re: Display Markup of selected autocomplete item

Statistics

Tags

Actions

Related Posts