宝哥软件园

分析jQuery中选择和数据列表在制作下拉菜单时的区别

编辑:宝哥软件园 来源:互联网 时间:2021-09-06

一般我们通常用select来做下拉菜单,但是在H5之后,datalist也可以起到select的作用,两者略有不同。

对于选择,选择的下拉菜单供用户选择,用户只能选择选项,不能自行添加。

然而,datalist是不同的。datalist不仅可以由用户选择,还可以由用户自己输入。而且datalist可以达到模糊匹配的效果,使用起来非常方便。

根据代码示例:

输入类型=' text ' list=' addr '/datalistid=' addr ' option value=' Shanghai ' Shanghai/option value=' Beijing ' Beijing/option value='杭州'杭州/option/Datalist select option value=' Shanghai ' Shanghai/option value=' Beijing ' Beijing/option value='杭州'杭州/option /select运行如下:

以上就是边肖介绍的jQuery中select和datalist的区别。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

更多资讯
游戏推荐
更多+