如何使用HTML5中的datalist并使用jquery获取值

1、第一步，在HBuilder工具中，新建datalist.html静态页面；然后引入jquery核心文件，如下图所示：

3、第三步，保存代码并在浏览器中，查看界面效果，可以发现类似一个下拉框，如下图所示：

5、第五步，接着在<script></script>标签内，获取datalist标签的ID，获取change事件，如下图所示：