使用javascript强制html5数据列表中的值

我怎样才能在我的网站上——而不仅仅是JSFIDLE上——实现这一点

我正在尝试这样做，用户只能提交数据列表中的条目-如果他们键入错误，则会出现错误消息，表单将不会提交

我在jsFiddle（）中使用了它，但在我的网站（）中无法使用它。我在firebug中查找错误，但什么也没找到。我被困在这几个小时了~努布

脚本和表单：

//查找DOM上通过list属性绑定到datalist的所有输入。
var inputs=document.querySelectorAll（'input[list]'）；
对于（变量i=0；i发送

解决方案是将内联脚本移动到页面末尾，以便

   <script type="text/javascript">
      // Find all inputs on the DOM which are bound to a datalist via their list attribute.
      var inputs = document.querySelectorAll('input[list]');
      ....
   </script>
</body>
</html>

尚未加载任何输入

您还可以在中包含该函数

$(document).ready(function () { .. //your function will come here }

---

因此，这将在dom准备就绪时执行

另一种强制从数据列表中进行选择的方法是让数据列表的每一项也出现在

输入的
模式
属性中。例如：



提交
如果可能，您可以提供现场演示吗？你可以使用consol.log进行调试吗，比如console.log（datalist.options[j].value）可能是一些js正在中断它，也可以添加你在页面上加载的js。我刚刚用这个表单添加了一个指向我网站的链接（第3段）。感谢您查看@raunakathuria查看答案问题和可能的解决方案已列出
$(document).ready(function () { .. //your function will come here }