zoukankan      html  css  js  c++  java
  • html5 下拉框

    Code1
    <form class="bs-example bs-example-form" role="form">
            <!--
            <div class="input-group">
     
     
              <div class="input-group-btn">
              <button id="dLabel" type="button" class="btn btn-default dropdown-toggle fenlei" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <span id='text' value="0">全部</span>
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" aria-labelledby="dLabel">
                <li><a href="1" onclick="return false">电脑</a></li>
                <li><a href="2" onclick="return false">小说</a></li>
                <li><a href="3" onclick="return false">文学</a></li>
              </ul>
              </div>
     
     
                <input type="text" id="search_content" class="form-control" autocomplete="off">
                <span class="input-group-btn search">
                    <button class="btn btn-default search bs" type="button" onclick="searchfunc()">Go!</button>
                </span>
            </div>
            -->
            <div class="container form-inline">
                <div class="row fenlei">
                    <div class="form-group">
     
     
                        <input type="hidden" name="category_id" id="category_id" value="1" />
                        <div class="dropdown">
                            <a id="dLabel" role="button" data-toggle="dropdown" class="btnc  btn-white" data-target="#" href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow"><span id="select-title">全部</span> <span class="caret"></span></a>
                            <ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu">
                                <li class="dropdown-submenu">
                                    <a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" data-index="2" data-title="计算机">计算机</a>
                                    <ul class="dropdown-menu">
                                        <li><a data-index="2-1" href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" data-title="二级菜单">二级菜单</a></li>
                                    </ul>
                                </li>
     
     
                                <li class="dropdown-submenu">
                                    <a tabindex="3" data-index="3" href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" data-title="小说">小说</a>
                                    <ul class="dropdown-menu">
                                        <li><a tabindex="3-1" data-index="3-1" href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" data-title="二级菜单">二级菜单</a></li>
                                        <li class="divider"></li>
                                        <li class="dropdown-submenu">
                                            <a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" data-index="3-2" data-title="二级菜单">二级菜单</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" data-index="3-2-1" data-title="三级菜单">三级菜单</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" data-index="4" data-title="文学">文学</a></li>
                            </ul>
     
     
                        </div>
     
     
                    </div>
     
     
     
     
                    <input type="text" id="search_content" class="form-control form-group" autocomplete="off">
     
     
                    <span class="bs input-group-btn form-group">
                    <button class="btn btn-default" type="button" onclick="searchfunc()">Go!</button>
                    </span>
                </div>
     
     
            </div>
    </form>
     
    Code2
            <!--
            <div class="input-group">
     
     
              <div class="input-group-btn">
              <button id="dLabel" type="button" class="btn btn-default dropdown-toggle fenlei" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <span id='text' value="0">全部</span>
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" aria-labelledby="dLabel">
                <li><a href="1" onclick="return false">电脑</a></li>
                <li><a href="2" onclick="return false">小说</a></li>
                <li><a href="3" onclick="return false">文学</a></li>
              </ul>
              </div>
     
     
                <input type="text" id="search_content" class="form-control" autocomplete="off">
                <span class="input-group-btn search">
                    <button class="btn btn-default search bs" type="button" onclick="searchfunc()">Go!</button>
                </span>
            </div>
            -->
     
     
     
     
     
     
     
     

  • 相关阅读:
    Python 类中方法的内部变量,命名加'self.'变成 self.xxx 和不加直接 xxx 的区别
    用foreach遍历 datagridView 指定列所有的内容
    treeView1.SelectedNode.Level
    YES NO 上一个 下一个
    正则 单词全字匹配查找 reg 边界查找 精确匹配 只匹配字符 不含连续的字符
    抓取2个字符串中间的字符串
    sqlite 60000行 插入到数据库只用不到2秒
    将多行文本以单行的格式保存起来 读和写 ini
    将秒转换成时间格式
    richtextbox Ctrl+V只粘贴纯文本格式
  • 原文地址:https://www.cnblogs.com/sea-stream/p/14193994.html
Copyright © 2011-2022 走看看