自动填充带有超链接的文本框

时间:2015-10-14 11:06:31

标签: javascript jquery html5

我想要一个自动完成或自动建议文本框,其中包含每个建议值的超链接,例如,如果我们显示结果谷歌或我们选择谷歌它重定向到google.com。

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

很多人提前感谢。

1 个答案:

答案 0 :(得分:3)

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

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包含成功回调

返回的所有对象