Question

我正在使用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>

我在这里错过了什么。我认为这种行为默认存在吗？

编辑：对于遇到此问题的其他人 - 我忘记链接selected.css

Answer 1

试试这个;

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

JQuery选择不关闭select

1 个答案: