当前位置: 代码迷 >> JavaScript >> jquery autoComplete 怎么在autocomplete里显示html代码
  详细解决方案

jquery autoComplete 怎么在autocomplete里显示html代码

热度:8675   发布时间:2013-02-26 00:00:00.0
jquery autoComplete 怎样在autocomplete里显示html代码
 jQuery( "#status" )
     .bind( "keydown", function( event ) { // stay focused
        if ( event.keyCode === jQuery.ui.keyCode.TAB &&
            jQuery( this ).data( "autocomplete" ).menu.active ) {
          event.preventDefault();
        }
      })
     .autocomplete({
      source: function( request, response ) {
        jQuery.ajax({
          url: "/ajax/test/getTestComplete",
          dataType: "json",
          data: {
            name_startsWith: extractLast( request.term )
          },
          success: function( data ) {
            response( jQuery.map( data.users, function( item ) {

              return {
                label: "<b>"+item.name + "</b> (" + item.email + "**@***)",
                value: item.name, back: item.id
              }
            }));
          }
        });
      },


请问那个label哪里能不能用html标签啊,如果能怎么用
autocomplete html jquery

------解决方案--------------------------------------------------------
返回json格式的数据
你要显示所谓何?
------解决方案--------------------------------------------------------
引用:
这个与autocomplete无关。
你要关注jquery.map和reponse两个函数
不是这样的,就与autocomplete有关,修改方法是在autocomplete.js大概396行左右:
.append( $( "<a></a>" ).text( item.label ) ) 改为:
.append( $( "<a></a>" ).html( item.label ) )
原因我想你也知道了,他使用的是text文本模式而不是使用html,所以html不会表现出来。
------解决方案--------------------------------------------------------
jquery的autocomplete好像不是这么用的。
  相关解决方案