如何将自定义HTML添加到jQuery自动完成项目？

Question

是否有可能添加一些HTML jQuery自动完成UI项目？ 例如，我想将<strong></strong>标记添加到自动填充结果项目label: item['name']。我试过做label: '<strong>'+item['name']+'</strong>，但它是作为文本而不是HTML应用的。

$('input[name="customer"]').catcomplete({ 
    delay: 0, 
    source: function(request, response) { 
     $.ajax({ 
      url: 'index.php?route=sale/customer/autocompletefilter_name=' + encodeURIComponent(request.term), 
      dataType: 'json', 
      success: function(json) { 
       response($.map(json, function(item) { 
        return { 
         category: item['customer_group'], 
         label: item['name'], 
         customer : item['name'], 
         value: item['customer_id'], 
         customer_group_id: item['customer_group_id'], 
         firstname: item['firstname'], 
         lastname: item['lastname'], 
         email: item['email'], 
         telephone: item['telephone'], 
         fax: item['fax'], 
         address: item['address'] 
        } 
       })); 
      } 
     }); 
    }, 
    select: function(event, ui) { 
     //some actions on select 
    } 
}); 

Thnak you。

Answer 1

查看Scott Gonzales的自动完成HTML扩展 - https://github.com/scottgonzalez/jquery-ui-extensions/blob/master/src/autocomplete/jquery.ui.autocomplete.html.js。它将允许您传递标签选项的HTML。

例 - http://jsfiddle.net/eay3d/1/

$(function() { 
    var availableTags = [ 
     { label: 'Apple1', value:'Apple1' }, 
     { label: '<strong>Apple2</strong>', value:'Apple2' }, 
     { label: 'Apple3', value:'Apple3' }    
    ]; 
    $("#tags").autocomplete({ 
     source: availableTags, 
     html: 'html' 
    }); 
}); 

---

编辑2013年9月22日：源链路修复，但不再维持。