Javascript 我的数据列表搜索表单不工作

我试图结合实际链接的数据列表，使一个自动完成搜索表单。。。这是我的代码：

<form action="#">
    <input list="results" type="text" placeholder="Search Me ;)">  
</form>
<datalist id="results" onchange="location = this.options[this.selectedIndex].value;">
    <option value="Home.html">Home</option>
    <option value="Contact.html">Contact</option>
    <option value="Sitemap.html">Sitemap</option>
</datalist>

家
接触
网站地图

但是它不起作用。。有什么建议吗

----新更新---

---

是否可以将表单onsubmit或action分配给中的选定值？

这将起作用，但您不使用数据列表。 Javascript:

function checkInput(searchQuery)
{
    if(searchQuery=="Home")
    {
        window.location = "Home.html";
    }
    else if(searchQuery == "Contact")
    {
        window.location = "Contact.html";
    }
    else if(searchQuery == "Sitemap")
    {
        window.location = "Sitemap.html";
    }
    else
    {
        document.getElementById("search").submit();
    }
}

为了让这个工作，你的表单应该有一个“搜索”的id。 编辑 您的输入有一些更改：

<input type="text" placeholder="Search Me ;)" onkeydown="if (event.keyCode == 13) { checkInput(this.value); return false; }"/>

---

很遗憾，您无法将链接嵌入到数据列表中

乙二醇

dom根本不是这样工作的

您需要使用javascript自己构建解决方案

---

我建议你去看看他们可能有什么可以帮你的。。。它不工作，但感谢您的时间：）是否可以将表单onsubmit或操作分配给中的选定值？您可以做的是在提交之前通过javascript if语句运行输入。如果输入值等于您设置的值，则站点不必搜索数据库，可以直接指向页面。您建议我们如何做到这一点？

      <option value="home"><a href="home.html">Home</a></option>