在jQuery UI自动完成中使用HTML

在jQuery UI自动完成中使用HTML

将此添加到您的代码：

).data( "autocomplete" )._renderItem = function( ul, item ) { return $( "<li></li>" )     .data( "item.autocomplete", item )     .append( "<a>"+ item.label + "</a>" )      .appendTo( ul );        };

因此，您的代码变为：

<script type="text/javascript"> $(function () {     $("#findUserIdDisplay").autocomplete({         source: "ui_autocomplete_users_withuname.php",         minLength: 2,         select: function (event, ui) {  $('#findUserId').val(ui.item.id);  return false;         }     }).data("ui-autocomplete")._renderItem = function (ul, item) {         return $("<li></li>")  .data("item.autocomplete", item)  .append("<a>" + item.label + "</a>")  .appendTo(ul);     }; });</script>

注意： 在旧版本的jQueryUI上，请使用

.data("autocomplete")"

代替

.data("ui-autocomplete")