JQuery UI autocomplete - How to trigger an event when an item is selected?

Question

I have an input field and a hidden div. The input is readonly. When the user clicks the input, a list of items is proposed using the JQuery UI autocomplete. What I would like and do not manage to achieve, is to trigger an event (removing the hidden class) when the user selects an item from the list. Hope someone can help. Thank you in advance for the replies. Cheers. Marc.

http://jsfiddle.net/fdBHC/1/

My html:

<input id="conditions" type="text" readonly="readonly" /input>
<div id="test" class="hidden">some text</div>

My css:

input{
    margin:50px;
    border:1px solid black;}

div{
    width:200px
    height:200px;
    background-color:orange;}

.hidden{
    display:none;}

My js:

$(function() {
    var availableTags = [
            "aucune","Prise de contact préalable nécessaire"
        ];
    $("#conditions").autocomplete({
        source: availableTags,
        minLength: 0
    }).click(function() {
        $(this).val("");
        $(this).autocomplete("search");
    });
});

freakish · Accepted Answer · 2012-03-05 15:26:33Z

7

There is an event in autocompleter which you can use (if I understand correctly):

$("#conditions").autocomplete({
    source: availableTags,
    minLength: 0,
    select: function(event, ui) {
        // do something when an item from the list is selected, for example:
        $('#test').remove();
    }
})...

answered Mar 5, 2012 at 15:26

freakish

57k12 gold badges141 silver badges181 bronze badges

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

1 Comment

shanabus Over a year ago

You are missing a comma after minLength: 0

kimoduor · Accepted Answer · 2015-10-26 16:56:58Z

0

you truly saved me after searching, trying , testing fails for more than 1 hour. Thanks a lot. I used it this way $("#farmer").autocomplete({ select: function(event, ui) { alert('youve just selected a farmer, thanks'); } })

answered Oct 26, 2015 at 16:56

kimoduor

6148 silver badges18 bronze badges

Collectives™ on Stack Overflow

JQuery UI autocomplete - How to trigger an event when an item is selected?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related