JQuery UI 自动完成 - 选择项目时如何触发事件？

Question

我有一个输入字段和一个隐藏的 div。输入是只读的。当用户单击输入时，系统会使用 JQuery UI 自动完成功能建议一个项目列表。我想要但没有设法实现的是，当用户从列表中选择一个项目时触发一个事件(删除隐藏类)。希望有人能帮忙。预先感谢您的回复。干杯。马克。

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

Answer 1

自动完成器中有一个您可以使用的事件(如果我理解正确的话):

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