javascript - 我想使用简单的自动完成 jquery 插入来链接匹配的文本

Question

大家好，我面临着简单自动完成 jquery 插入的问题。

我已在我的网站中成功安装了此程序，但我遇到了一个简单的问题。 i want link this我想将其与外部 Herf 链接链接。当用户键入并单击此处时，将转到外部。

//Enable description function  
var options = {
    url: "json/linked.json",
    
    getValue: "text",

    template: {
        type: "links",
        type: "description",
        fields: {
            link: "website-link",
            description: "realName"
        }
    },

    theme: "bootstrap"
};

 $("#sheroes").easyAutocomplete(options);  

[
	{
		"text": "Home",
        "realName": "Jahid Hasan",
		"website-link": "http://localhost/test/test.php"
	},
	{
		"text": "Guide",
		"website-link": "http://localhost/test/test.php"
	},
	{
		"text": "Themes",
        "realName": "Bruce Wayne",
		"website-link": "http://localhost/test/test.php"
	},
	{
		"text": "Examples",
		"website-link": "http://localhost/test/test.php"
	},
	{
		"text": "Download",
		"website-link": "http://localhost/test/test.php"
	},
	{
		"text": "Github",
		"website-link": "http://localhost/test/test.php"
	}
]

我该怎么做。提前致谢

Answer 1

当用户更改文本时，只需调用 window.open 方法。

$("#sheroes"). change( function(){ 
  $.getJSON("result.json", function(data){ 
     $.each(data, function(i){
       if(data[i].text==$("#sheroes").val()) {
          window.open(data[i].website_link); 
       } 
     }); 
   }); 
});