Javascript 带有超链接的自动完成文本框

我想要一个自动完成或自动建议文本框，每个建议值上都有超链接，比如如果我们在google上显示结果，或者当我们选择google时，它重定向到google.com

请任何人帮我解决这个问题，我陷入了严重的问题，我是这个领域的新手，所以请帮助我，并用代码片段或小提琴指导我

---

提前感谢你

让我给出一段我使用的代码

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);
         };
 }

---

使用.dataui autocomplete.\u renderItem我们正在修改jquery ui中自动加载的默认功能。项目包含成功回调返回的所有对象

可能重复的感谢@Sourabh感谢您的帮助至少您试图让我摆脱这个问题，除了上述人员。非常感谢。@SourabhKumarSharma您能不能也在后面发布代码&如何从数据库中获取结果