如何把一个项目 <datalist> 进入链接？

Question

所以我要完成的工作是给用户一个文本框，他们可以在其中输入城市名称。 根据键入的内容，与文本匹配的美国城市将被填充到数据列表中。 一旦他们喜欢的城市显示在数据列表中，我希望他们能够单击城市，并根据他们选择的城市转发到URL。

我已经完成了第一部分，我有以下html：

 function locationInputChange() { var val = $('#locationLookup').val(); if (val === "") return; if (val.length < 3) return; console.log(val); $.post("/ContentService/HomeSearch", { q: val }, function(res) { var dataList = $("#locationlist"); dataList.empty(); if (res.length) { for (var i = 0, len = res.length; i < len; i++) { var opt = $("<option>" + res[i].Text + " </option>").attr("value", res[i].Value); dataList.append(opt); } } }, "json"); } 

 <input list="locationlist" id="locationLookup" style="width:80%;" oninput="locationInputChange()" /> <datalist id="locationlist"> </datalist> 

这是获取匹配结果的js。 / ContentService / HomeSearch将返回匹配城市的json列表。

我正在努力获取匹配的结果，并使用相关选项返回并填充数据列表，但是我对如何从数据列表中创建链接感到困惑。 我还没有加入数据列表的途径，也愿意采用其他方法来产生相同的效果。