Jquery 下拉列表不工作（从Bootsnipp复制模板）

我从中复制了模板并进行了编辑以满足我的需要，使其看起来像这样：

<div class="container">
<div class="row">
    <div class="col-xs-8 col-xs-offset-2">
        <div class="input-group">
            <div class="input-group-btn search-panel">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <span id="search_concept">Filter by</span> <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#">Name</a></li>
                    <li><a href="#">Member ID</a></li>
                </ul>
                <script>
                    $(document).ready(function (e) {
                        $('.search-panel .dropdown-menu').find('a').click(function (e) {
                            e.preventDefault();
                            var param = $(this).attr("href").replace("#", "");
                            var concept = $(this).text();
                            $('.search-panel span#search_concept').text(concept);
                            $('.input-group #search_param').val(param);
                        });
                    });
                </script>
            </div>
            <input type="hidden" name="search_param" value="all" id="search_param">
            <input type="text" class="form-control" name="x" placeholder="Search keyword">
            <span class="input-group-btn">
                <button class="btn btn-default" type="button"><span class="glyphicon glyphicon-search"></span></button>
            </span>
        </div>
    </div>
</div>

过滤




$（文档）.ready（函数（e）{
$（'.search panel.dropdown menu'）。查找（'a'）。单击（函数（e）{
e、 预防默认值（）；
var param=$（this.attr（“href”）.replace（“#”，”）；
var concept=$（this.text（）；
$（'.search panel span#search_concept'）。文本（concept）；
$（'.input group#search_param'）.val（param）；
});
});

但是，我对下拉列表有一些问题。它不会在单击时下降

我已导入必要的jQuery和引导文件，如下所示：

<link href="Content/bootstrap-theme.min.css" rel="stylesheet" />
<link href="Content/bootstrap.min.css" rel="stylesheet" />
<script src="Scripts/jquery-3.1.1.min.js"></script>
<script src="Scripts/bootstrap.min.js"></script>

---

非常感谢您的帮助。提前谢谢

您有额外的

符号，这些符号应替换为

和

<li><a href="#greather_than">Greather than &gt;</a></li>
<li><a href="#less_than">Less than &lt; </a></li>

小于

您还有一个

，请在外部js或html正文末尾使用html脚本。