手机版

分析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的区别。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

版权声明:分析jQuery中选择和数据列表在制作下拉菜单时的区别是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。