几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 528 JAVASCRIPT 鼠标
如何使用HTML5中的datalist并使用jquery获取值
来源：互联网
2023-03-16 23:58:20 版权归原作者所有，如有侵权，请联系我们
在HTML5中，新加了一个标签datalist，这个标签是定义选项列表。datalist元素需要使用input标签元素结合使用，这个标签跟select下拉框很相似。下面利用一个实例讲述datalist标签的用法，操作如下：
工具/原料
- HTML5
- CSS3
- JavaScript
- HBuilder
- 浏览器
- 截图工具
方法/步骤
第一步，在HBuilder工具中，新建datalist.html静态页面；然后引入jquery核心文件，如下图所示：
第二步，在body>/body>标签元素内，插入一个input和datalist标签，如下图所示：
第三步，保存代码并在浏览器中，查看界面效果，可以发现类似一个下拉框，如下图所示：
第四步，点击datalist标签，会发现出现下拉框中的选项，效果与下拉框一样，如下图所示：
第五步，接着在script>/script>标签内，获取datalist标签的ID，获取change事件，如下图所示：
第六步，再次保存代码并查看界面效果，并切换datalist标签元素，查看对应的值，如下图所示：
注意事项
- 注意HTML5中新增标签datalist的用法
- 注意使用jquery获取datalist选中的值
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 256 JAVASCRIPT
- 详细阅读