jquery ui autocomplete 動態傳額外引數以及一些坑
阿新 • • 發佈:2018-12-19
1. 動態傳額外引數
$("#id").autocomplete({ source: function(request, response) { $.ajax({ url: url, dataType: "json", data: { term: $("#id").val() ,//搜尋欄裡的內容 extra:extra ,//額外引數 }, success: function(data) { response(data); } }); }, focus: function(event, ui) { $("#id").val(ui.item.label); return false; }, select: function(event, ui) { return false; } });
2. 提示內容的下拉框不止顯示字串,而是以html格式顯示。
修改jquery ui的js檔案,將.text()相應部分改為.html()
3. 在彈出框上無法顯示提示資訊
再引入jQuery ui,js檔案後引下面程式碼的css檔案
.ui-autocomplete {
display: block;
z-index: 99999;
}