如何使用HTML5中的datalist设置下拉框

1、第一步，双击打开HBuilder编辑工具，新建静态页面datalist.html，如下图所示：

3、第三步，保存代码并预览该静态页面，可以查看到一个输入框显示的下拉框，如下图所示：

5、第五步，在jquery初始化函数内编写datalist元素的change事件，根据ID属性旅邯佤践进行绑定，如下图所示：