jquery中使用循环下拉菜单示例代码

这个下拉菜单式可以循环的使用jquery实现，很实用，喜欢的朋友可以参考下

  <select name="paymerid" id="paymerid" style="width: 155px;">
  <option value="" >--请选择--</option>
    <c:forEach var="unionconfig" items="${unionconfiglist}">
      <option value="${unionconfig.merid}">${unionconfig.merid}</option>
    </c:forEach>
  </select>
赞 (0)

相关推荐

  • jQuery实现简单二级下拉菜单

    html代码 <div class="UpLayer"> <dl> <dt> <a href="javascript:void(0)">我们</a></dt> <dd> <a href="http://www.demo.com/js/">特效</a> <a href="http://www.demo.com/Tutorial

  • jQuery获取json后使用zy_tmpl生成下拉菜单

    第一次写关于AppCan开发的文章,有人写了关于jQuery或者原生Ajax与json的交互,那我就稍微写写我开发过程中使用jQuery获取json后使用zy_tmpl生成下拉菜单的实例吧. PHP服务端生成json的那部分就不写那么多了,就是输入一个数组$res,然后 复制代码 代码如下: echo $_GET['jsoncallback'] . "(" . json_encode($res) . ")"; 在AppCan的模版中,先加入一个下拉菜单,我的菜单是:

  • jquery实现很酷的网页顶部图标下拉菜单效果

    jquery实现很酷的网页顶部图标下拉菜单效果

    本文实例讲述了jquery实现很酷的网页顶部图标下拉菜单效果.分享给大家供大家参考.具体如下: 兼容IE和火狐的顶部菜单栏,带图标的图文菜单,还有右上角的下拉导航效果,一个演示包括了两种菜单,都是很实用的效果,只使用了jquery就实现了.如果你的网站上此前用有jquery插件,那么整合起来就更方便了,点击运行可预览菜单效果. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-web-top-ico-show-menu-style-c

  • 使用jquery 简单实现下拉菜单

    使用jquery 简单实现下拉菜单

    Jquery 是一个轻量的框架,个人认为非常好用,今天就写一个非常简单的例子,实现下拉菜单功能: 首先肯定要在页面引用jquery.js  版本不限 : 接下来把=====================html贴出来: 复制代码 代码如下: <div class="header_menu">          <ul>              <li class="menuli" id="xtgl_menu"&g

  • jQuery实现渐变下拉菜单的简单方法

    本文实例讲述了jQuery实现渐变下拉菜单的简单方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <script type="text/javascript">     $(function(){         $("#nav li").hover(function(){if(!$(this).children("#nav li ul").is(":animated")){$(this).ch

  • jQuery实现精美的多级下拉菜单特效

    这是一款精美的多级下拉菜单美化,可以完美替代"select"来实现下拉菜单的效果.而且支持多级菜单,有加载等待效果,有层级分类展示. 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www

  • JQuery设置获取下拉菜单某个选项的值(比较全)

    JQuery获取和设置Select选项 获取Select : 获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); 获取select选中的 value: $("#ddlRegType ").val(); 获取select选中的索引: $("#ddlRegType ").get(0).selectedIndex; 设置select: 设置sele

  • jquery实现适用于门户站的导航下拉菜单效果代码

    jquery实现适用于门户站的导航下拉菜单效果代码

    本文实例讲述了jquery实现适用于门户站的导航下拉菜单效果代码.分享给大家供大家参考.具体如下: 这是一款应用了jQuery+CSS共同编写实现的网页导航菜单,采用浅蓝色的布局方式,整体格调淡雅清新,简洁大方,不失为一款好菜单.本特点的特点是兼容好,在火狐/IE下都有良好表现,而且在有二级子菜单的地方,主菜单上都会有一个小三角标识,很好的提升了用户体验,相信你也会喜欢的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-web-i

  • jQuery实现向下滑出的平滑下拉菜单效果

    jQuery实现向下滑出的平滑下拉菜单效果

    本文实例讲述了jQuery实现向下滑出的平滑下拉菜单效果.分享给大家供大家参考.具体如下: 这里演示的jQuery向下滑出的下拉平滑菜单,可添加多个菜单选项,修改起来比较灵活的下滑菜单,颜色风格自己可修改,不多介绍了,感兴趣的运行一下代码看效果. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-xlph-menu-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1

  • jQuery实现的多级下拉菜单效果代码

    jQuery实现的多级下拉菜单效果代码

    本文实例讲述了jQuery实现的多级下拉菜单效果代码.分享给大家供大家参考.具体如下: 这是一款jQuery多级下拉菜单,在支持html5的浏览器中测试你会发现本菜单很智能,会自动判断浏览器边界来改变下拉菜单的显示方向,在ie下没发现此效果.整体上来看,和Windows系统的"经典"主题时的菜单风格特别相似,配合图片,整体效果还是相当有专业水准的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-nlevel-nav-me

  • 用jquery实现的一个超级简单的下拉菜单

    用jquery实现的一个超级简单的下拉菜单

    用jquery实现的一个超级简单的下拉菜单. 效果图 初始效果  鼠标悬浮效果  代码 复制代码 代码如下: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="jquery-1.11.1.js"></script> <style> nav a { text-decoration: none; } nav >

  • jquery 无限级下拉菜单的简单实现代码

    jquery 无限级下拉菜单的简单实现代码

    本例子使用json数据,拼接ul和li来实现的效果图: 1.准备json数据: 复制代码 代码如下: var menuData = [            {id:0,pid:-1,name:"订购产品",url:"",children:[                {id:1,pid:0,name:"电脑配件",url:"http://www.jb51.net",children:[                  

随机推荐