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> -->