Javascript 已选择JQuery,但未在选择时关闭

Javascript 已选择JQuery,但未在选择时关闭,javascript,jquery,asp.net-mvc,entity-framework,Javascript,Jquery,Asp.net Mvc,Entity Framework,我使用的是JQuery选择的控件。它在选择项目后保持打开状态,在单击它之前,它将显示搜索文本框。我不希望这两件事发生 以下是使用EF的MVC下拉列表代码: <div class="form-group"> @Html.LabelFor(model => model.Field, htmlAttributes: new { @class = "control-label col-md-2" }) <div class="col-md-10">

我使用的是JQuery选择的控件。它在选择项目后保持打开状态,在单击它之前,它将显示搜索文本框。我不希望这两件事发生

以下是使用EF的MVC下拉列表代码:

<div class="form-group">
    @Html.LabelFor(model => model.Field, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.DropDownListFor(model => model.Field, null, htmlAttributes: new { @class = "form-control" })
        @Html.ValidationMessageFor(model => model.Field, "", new { @class = "text-danger" })
    </div>
</div>
以下是脚本:

<script type="text/javascript">
    $("#Field").chosen();
</script>
我错过了什么。我以为这种行为是默认的

编辑:对其他有此问题的人-我忘记链接所选的.css

试试这个

<script type="text/javascript">

   $("#Field").chosen({
        max_selected_options: 1,
        allow_single_deselect: true, // check out what happens when you remove this option
        disable_search: true, // if you dont want to show search box
   }).removeAttr("multiple");

   $("#Field").on("chosen:maxselected",function(evt, params){
        $('#Field').trigger('chosen:close');
   });

</script>

也许您的下拉列表自动/默认获得焦点?因此,所选框将可见。看看控制台。有没有抛出错误?下拉列表没有焦点,也没有抛出错误。谢谢,但没有成功。我不明白为什么。触发“选择:关闭”;不关闭控件。如果不想在选择后关闭下拉列表,可以删除Selected:maxselected事件函数。当Selected:maxselected事件上升时,触发关闭事件。我确实希望在选择后关闭控件。我尝试了许多组合,但该死的控件无法关闭。是的,我已经查看了该资源-这就是我获得控件的来源。我不是JQuery专家,我发现它特别不直观。在函数evt,params中,您将向evt和params传递哪些值?让我恼火的是,为什么控件默认在github链接上显示搜索框,并在选择后不关闭,而这种行为在默认情况下是存在的。我在脚本中没有向控件添加任何新内容。