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

我有一个输入栏和一个隐藏的div。输入是只读的。当用户点击输入时，使用JQuery UI自动完成提出项目列表。我想和不能实现的是当用户从列表中选择一个项目时触发一个事件（删除隐藏的类）。希望有人能帮忙。预先感谢您的回复。干杯。马克。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"); 
    }); 
});

来源

2012-03-05 Marc

有一个在autocompleter一个事件，您可以使用（如果我说T和正确）：

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

来源

2012-03-05 15:26:33 freakish

您的minLength后'缺少一个逗号：0' – shanabus 2012-03-05 15:29:22

这就是它！非常感谢... – Marc 2012-03-05 15:30:18

@shanabus谢谢，我已经更新了答案。 – freakish 2012-03-05 15:30:25

你真的救了我搜索后，尝试，测试失败了1个多小时。非常感谢。我用这种方式 $("#farmer").autocomplete({ select: function(event, ui) { alert('youve just selected a farmer, thanks'); } })

来源

2015-10-26 16:56:58 kimoduor

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

回答

相关问题