如何從jQuery自動完成返回鏈接？

Question

我正在使用jQuery自動完成將包含字符串的下拉框添加到文本字段。

我想爲該字符串的一部分是HTML鏈接，但根據文檔它似乎不可能。有沒有辦法做到這一點？

Answer 1

每個錨元素都被視爲一個選項，並通過自動完成進行相應的渲染。您可以構建自己的自定義元素以模仿錨點。在示例中，有一個屬性data-link，其中包含要打開的鏈接。

代碼：

$(".field_values").autocomplete({ 
    source: projects, 
    create: function() { 
     $(this).data('ui-autocomplete')._renderItem = function (ul, item) { 
      return $('<li>') 
       .append('<a>' + item.label + '&nbsp<span href="#" class="mylink" data-link="www.google.it">' + item.value + '</span></a>') 
       .appendTo(ul); 
     }; 
    } 
}); 

$(document).on("click", ".mylink", function (e) { 
    alert($(this).attr('data-link')); 
    $(".field_values").autocomplete("search"); 
}); 

演示：http://jsfiddle.net/IrvinDominin/3tLrL5aj/

Answer 2

嘗試在文本中使用css封裝一個span中的url。一旦用戶點擊自動完成項目（您可以使用jquery自動完成的選擇功能），您可以執行所需的操作。