基于bootstrap架构的下拉菜单

1、需要的js文件

<script type="text/javascript" src="<c:url value="/text/javascript/jquery-1.8.0.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="/text/lib/bootstrap/js/bootstrap.min.js"/>"></script>
<link rel="stylesheet" href="<c:url value="/style/bootstrap/css/bootstrap.min.css"/>">
<link rel="stylesheet" href="<c:url value="/style/bootstrap/css/bootstrap-theme.min.css"/>">

2、jsp文件

<div class="col-md-3">
    <div class="input-group">
        <span class="input-group-btn">
            <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">选择所在的城市<span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li>北京</li>
                <li>上海</li>
                <li>深圳</li>
                <li>广州</li>
            </ul>
        </span>
        <input type="text" class="form-control" placeholder="请选择所在的城市">
    </div>
</div>