JQueryが選択を終了しない選択

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> 

私はここで何をしないのです。私はこの行動がデフォルトであったと思った？

編集：この問題を持つ他の誰にも - 私は

Answer 1

はこれを試してみてくださいchosen.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>