Javascript 如何安装和使用jQuery选择的插件？

我下载了jQuery选择的插件，在我的项目中复制了selected.min.css和selected.jQuery.min.js文件

在my CSHTML中复制的链接路径：

<link href="~/Content/Bootstrap/css/chosen.min.css" rel="stylesheet" />
<script src="~/Content/Bootstrap/js/chosen.jquery.min.js" type="text/javascript"></script>

我的CSHTML中有一个下拉列表，大致如下：

<div class="col-md-4">
     <div class="btn-group pull-left">
          <button type="button" class="btn dropdown-toggle btn-md set-border" data-toggle="dropdown" id="dropdownbtn">
              <span class="spn-action">Add new criteria</span><span class="caret" id="caretAdjustment"></span>
          </button>
          <ul class="dropdown-menu" id="chzn-select" role="menu">
              @foreach(var item in Model)
              {
                 <li onclick="ShowMessage('@item.Criteria')"><a href="#">@item.Criteria</a></li>
              }  
           </ul>
      </div>
</div>

我的jQuery：

<script type="text/javascript">
    $(document).ready(function () {
        $(function () {
            $("#chzn-select").as(Chosen).chosen();
        });
    });
</script>

但“被选中”的事情并没有发生。。。我哪里做错了

提前感谢。

您需要选择元素：

<select data-placeholder="Choose a country..." style="width:350px;" multiple class="chosen-select">

---

也请检查此项。

您是否意识到Selected需要一个select元素？您是否将jQuery脚本$.as包括在内？在jQuery的文档中找不到，从未见过。你的控制台怎么说？@Alex如果没有select，它不能在我的项目中工作吗？不，select作用于select元素。第一行：Selected是一个jQuery插件，它使冗长、笨拙的选择框变得更加用户友好。在你的fiddle中的标记中添加id=Selected而没有空属性是什么意思？我们可以添加这个吗？当我单击任何元素时，选择插件@亚历克斯·查尔

$(".chosen-select").chosen();