jQuery中select与datalist制作下拉菜单时的区别浅析

一般我们通常使用select制作下拉菜单，但是H5之后，datalist也可以充当select的角色，而且两者还有一点小的不同。

对于select来说，select的下拉菜单是供用户选择的，用户只能选择其中的选项不能自己添加。

但是datalist就不同了，datalist不仅可以供用户选择，用户还可以自己输入，而且datalist还可以达到模糊匹配的效果，使用很方便。

据代码示例如下：

<input type="text" list="addr"/> 
      <datalist id="addr"> 
        <option value="上海">上海</option> 
        <option value="北京">北京</option> 
        <option value="杭州">杭州</option> 
      </datalist> 
       
      <select> 
        <option value="上海">上海</option> 
        <option value="北京">北京</option> 
        <option value="杭州">杭州</option> 
      </select> 

运行结果如下：

以上所述是小编给大家介绍的jQuery中select与datalist制作下拉菜单时的区别，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# select下拉菜单  # detalist下拉菜单  # jquery ajax后台返回list  # 前台用jquery遍历list的实现  # 基于MVC5和Bootstrap的jQuery TreeView树形控件(一)之数据支持json字符  # jQuery插件datalist实现很好看的input下拉列表  # JqueryMobile动态生成listView并实现刷新的两种方法  # asp.net使用jQuery获取RadioButtonList成员选中内容和值示例  # CheckBoxList多选样式jquery、C#获取选择项  # Jquery操作下拉框(DropDownList)实现取值赋值  # jQuery接受后台传递的List的实例详解  # 杭州  # 上海  # 北京  # 小编  # 还可以  # 在此  # 给大家  # 还可  # 很方便  # 所述  # 给我留言  # 以供  # 感谢大家  # 疑问请  # 有任何  # 以达到  # class  # brush  # js  # pre 

相关文章： 为什么Go需要go mod文件_Go go mod文件作用说明  建站之星安装失败：服务器环境不兼容？  如何在Golang中指定模块版本_使用go.mod控制版本号  早安海报制作网站推荐大全,企业早安海报怎么每天更换？  移民网站制作流程,怎么看加拿大移民官网？  c# Task.ConfigureAwait(true) 在什么场景下是必须的  佛山网站制作系统,佛山企业变更地址网上办理步骤？  昆明网站制作哪家好,昆明公租房申请网上登录入口？  如何通过二级域名建站提升品牌影响力？  如何用好域名打造高点击率的自主建站？  免费公司网站制作软件,如何申请免费主页空间做自己的网站？  建站主机是否属于云主机类型？  婚礼视频制作网站,学习*后期制作的网站有哪些？  小自动建站系统：AI智能生成+拖拽模板，多端适配一键搭建  如何在阿里云香港服务器快速搭建网站？  如何在橙子建站上传落地页？操作指南详解  如何通过建站之星自助学习解决操作问题？  免费视频制作网站,更新又快又好的免费电影网站？  nginx修改上传文件大小限制的方法  香港服务器WordPress建站指南：SEO优化与高效部署策略  自助网站制作软件,个人如何自助建网站？  建站之星后台密码遗忘如何找回？  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊？  非常酷的网站设计制作软件,酷培ai教育官方网站？  视频网站制作教程,怎么样制作优酷网的小视频？  建站主机如何安装配置？新手必看操作指南  网站制作企业,网站的banner和导航栏是指什么？  建站上市公司网站建设方案与SEO优化服务定制指南  建站之星×万网：智能建站系统+自助建站平台一键生成  上海网站制作网页,上海本地的生活网站有哪些？最好包括生活的各个方面的？  简易网站制作视频教程,使用记事本编写一个简单的网页html文件？  在线制作视频网站免费,都有哪些好的动漫网站？  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  一键网站制作软件,义乌购一件代发流程？  微信h5制作网站有哪些,免费微信H5页面制作工具？  企业网站制作费用多少,企业网站空间一般需要多大，费用是多少？  建站主机默认首页配置指南：核心功能与访问路径优化  如何选择高效稳定的ISP建站解决方案？  建站之星下载版如何获取与安装？  广州网站建站公司选择指南：建站流程与SEO优化关键词解析  太平洋网站制作公司,网络用语太平洋是什么意思？  建站之星安装后如何配置SEO及设计样式？  如何在建站之星绑定自定义域名？  建站org新手必看：2024最新搭建流程与模板选择技巧  如何安全更换建站之星模板并保留数据？  建站之星代理如何获取技术支持？  音响网站制作视频教程,隆霸音响官方网站？  移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？  如何快速搭建安全的FTP站点？  如何确认建站备案号应放置的具体位置？