1. 程式人生 > >jquery ui autocomplete 動態傳額外引數以及一些坑

jquery ui autocomplete 動態傳額外引數以及一些坑

 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;
}