Question

当用户专注于输入时，我需要显示所有数据所以我设置了minLength=0，这就是焦点功能：

 $("#txtCustomer").autocomplete({
   //some code
   minLength: 0
   }).focus(function () {
                $(this).autocomplete("search");
            });
  });

我还需要在minLength > 0时突出显示匹配的结果所以我从下面的链接中添加了这段代码：

<script type="text/javascript">
    $(function () {
$.ui.autocomplete.prototype._renderItem = function( ul, item){
  var term = this.term.split(' ').join('|');
  var re = new RegExp("(" + term + ")", "gi") ;
  var t = item.label.replace(re,"<b>$1</b>");
  return $( "<li></li>" )
     .data( "item.autocomplete", item )
     .append( "<a>" + t + "</a>" )
     .appendTo( ul );
};

jquery autocomplete highlighting 但是当minlength为0时当我检查铬元素时，结果是：

<a id="ui-id-7" class="ui-corner-all" tabindex="-1">
<b style="color:green;"></b>
t
<b></b>
e
<b></b>
s
<b></b>
t
<b></b>
</a>

您会看到那里有一堆b标签 我需要删除所有这些b标签

那怎么办？

谢谢

从结果面板中删除html元素，jQuery UI自动完成

0 个答案: