Автозаполнение JQuery UI - Как вызвать событие, когда выбран элемент? - PullRequest
Новая
       18

Автозаполнение JQuery UI - Как вызвать событие, когда выбран элемент?

4 голосов
/ 05 марта 2012

У меня есть поле ввода и скрытый div. Вход только для чтения. Когда пользователь щелкает ввод, предлагается список элементов с использованием автозаполнения пользовательского интерфейса JQuery. То, что я хотел бы и не могу достичь, это вызвать событие (удаление скрытого класса), когда пользователь выбирает элемент из списка. Надеюсь, кто-то может помочь. Заранее благодарю за ответы. Приветствия. Марк.

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

Мой HTML: 

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

Мой css: 

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

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

.hidden{
    display:none;}

Мой 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");
    });
});​

Ответы [ 2 ]

7 голосов
/ 05 марта 2012

В автозаполнении есть событие, которое вы можете использовать (если я правильно понимаю): 

$("#conditions").autocomplete({
    source: availableTags,
    minLength: 0,
    select: function(event, ui) {
        // do something when an item from the list is selected, for example:
        $('#test').remove();
    }
})...
0 голосов
/ 26 октября 2015

вы действительно спасли меня после поиска, попытки, тестирование не удалось более 1 часа. Большое спасибо. Я использовал это так $("#farmer").autocomplete({ select: function(event, ui) { alert('youve just selected a farmer, thanks'); } })

...