Question

我想将超链接添加到数据列表中，以便当用户选择数据列表中的某个项目时，它会将它们带到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>

Answer 1

如果没有javascript，这是不可能的，但特别是使用jquery很容易。这是一个如何运作的小例子：

$('#srch').on('input', function(){
  var page = $(this).val();
  window.location.href = 'your url' + page;
});

仅使用CSS3 + HTML5将Hyperlink添加到Datalist

1 个答案: