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自動完成 - 如何選擇項目時觸發事件？

回答

相關問題