• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jQuery中select与datalist制作下拉菜单时的区别浅析

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

作者:Doulvme 字体:[增加 减小] 来源:互联网

Doulvme 通过本文主要向大家介绍了select下拉菜单,detalist下拉菜单等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

一般我们通常使用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制作下拉菜单时的区别,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

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

相关文章

  • Query常用DIV操作获取和设置长度宽度的实现方法
  • javascript 全角转换实现代码
  • Jquery插件分享之气泡形提示控件grumble.js
  • jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
  • PHP+jQuery实现随意拖动层并即时保存拖动位置
  • jquery中one()方法的用法实例
  • 基于Jquery实现万圣节快乐特效
  • 40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
  • jQuery.Autocomplete实现自动完成功能(详解)
  • jquery控制select的text/value值为选中状态

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
    • 浅谈jquery中使用canvas的问题
    • 三种取消选中单选框radio的方法
    • jQuery的css()方法用法实例
    • jQuery自定义组件(导入组件)
    • jQuery中$.fn的用法示例介绍
    • 浅谈MVC+EF easyui dataGrid 动态加载分页表格
    • ui组件之input多选下拉实现方法(带有搜索功能)
    • jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
    • Jquery组件easyUi实现选项卡切换示例

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有