我想向数据列表添加超链接，以便当用户选择数据列表中的一个项目时，它会将它们带到 HTML 页面？我正在寻找最简单的解决方案。有没有办法只用CSS3 + HTML5做到这一点？jQuery对我来说是一个选择。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<input type="text" name="srch" id="srch" list="datalist1">
<datalist id="datalist1">
<option value="Canada">
<option value="China">
<option value="Mexico">
<option value="United Kingdom">
<option value="United States of America">
<option value="Uruguay">
</datalist>
</body>
</html>
这在没有javascript的情况下是不可能的，但是很容易做到，特别是使用jquery。这里有一个小例子来说明它是如何工作的：
$('#srch').on('input', function(){
var page = $(this).val();
window.location.href = 'your url' + page;
});