Текстовое поле автозаполнения с гиперссылкой

Question

Я хочу автозаполнение или автоматическое предложение текстового поля с гиперссылкой по каждому предлагаемому значению, например, если мы показываем результат google или когда мы выбираем google, он перенаправляется на google.com.

Пожалуйста, любые один помочь мне из этой проблемы, я застрял в серьезной проблеме я новичок в этой области так, пожалуйста, пожалуйста, помогите мне и руководят меня фрагментом кода или скрипкой

много спасибо заранее лет.

Answer 1

Позвольте мне привести фрагмент кода, который я использую

function updateAutoSrch() 
{ 
      $("#searchpro").autocomplete({ 
      source: function(request, response) { 
      $.ajax({ 
      url: "search", 
      data: {proname: proname}, 
      dataType: "json", 
      success: function(data) { 
      response($.map(data, function(item) { 
        return { 
         label: item.user_name, 
         value: item.user_name, 
         userid: item.user_id, 
         profile_image_path: item.profile_image_path 
        } 
       })); 
      } 

      }); 
     } 
    }).data("ui-autocomplete")._renderItem = function (ul, item) { 
      var inner_html = "<a href='"+siteurl+"/user/"+item.userid+"'>"+ "</a>"; 
      return $("<li style = 'padding:20px 0 0 0;margin: 0 0 0 0;height:50px;' ></li>") 
        .data("item.autocomplete", item) 
        .append(inner_html) 
        .appendTo(ul); 
     }; 
} 

с помощью .data("ui-autocomplete")._renderItem мы изменяем функциональность по умолчанию автозагрузку в Jquery UI. item содержит все объекты, которые возвращаются с помощью обратного вызова успеха