时间戳

首页 > 解决方案 > 不使用选择的选择插件填充 ListBoxFor 中的所有选项

c# - 不使用选择的选择插件填充 ListBoxFor 中的所有选项

问题描述

在 html 选择标签中显示所有选项，但在此选择标签的下方，一个 div 有一个类 Chosen-drop，所有项目都没有显示

@Html.ListBoxFor(m => m.GetAllBlockList, Model.GetBlockList, new { @class = "form-control chosenselect", @tabindex = "2", @id = "BlockId" })

在浏览器上它显示如下 html 代码

  <div class="sim-col-3 col-md-3">
 <select class="form-control chosenselect" id="BlockId" multiple="multiple" name="GetAllBlockList" tabindex="-1" style="display: none;"><option value="1">Utility - Ph I</option>
<option value="2">Block 12</option>
<option value="3">STP I</option>
<option value="4">Block 10</option>
<option value="5">Block 5</option>
<option value="6">Block 6</option>
<option value="7">Block 7</option>
<option value="8">Block 8</option>
<option value="9">Block 9</option>
<option value="10">Block 11</option>
<option value="11">MLCP</option>
<option value="12">Block 2</option>
<option value="13">Block 14</option>
<option value="14">Food Court</option>
<option value="15">Block 2</option>
<option value="16">Block 3</option>
<option value="17">Food Court</option>
<option value="18">Block 1</option>
<option value="19">Block 4</option>
<option value="20">Block 15</option>
<option value="21">Block 4</option>
<option value="22">Surya Park I</option>
<option value="23">Surya Park II</option>
<option value="24">Surya Sapphire</option>
<option value="25">Surya Wave</option>
<option value="26">test block</option>
<option value="27">55555</option>
</select><div class="chosen-container chosen-container-multi chosen-with-drop chosen-container-active" style="width: 240px;" title="" id="BlockId_chosen">
    <ul class="chosen-choices">
    <li class="search-field"><input type="text" value="Select Some Options" class="default" autocomplete="off" style="width: 147px;" tabindex="2">
        </li>
    </ul>
    <div class="chosen-drop">
        <ul class="chosen-results">
            <li class="active-result" data-option-array-index="0" style="">Utility - Ph I</li>
            <li class="active-result" data-option-array-index="1" style="">Block 12</li>
            <li class="active-result" data-option-array-index="2" style="">STP I</li>
            <li class="active-result" data-option-array-index="3" style="">Block 10</li>
            <li class="active-result" data-option-array-index="4" style="">Block 5</li>
            <li class="active-result" data-option-array-index="5" style="">Block 6</li>
            <li class="active-result" data-option-array-index="6" style="">Block 7</li>
            <li class="active-result" data-option-array-index="7" style="">Block 8</li>
            <li class="active-result" data-option-array-index="8" style="">Block 9</li>
            <li class="active-result" data-option-array-index="9" style="">Block 11</li><li class="active-result" data-option-array-index="10" style="">MLCP</li></ul></div></div>
                </div>

所以在 Chosen Drop 它只显示 10 个项目

标签： c#jqueryhtmlasp.net-mvc

解决方案

我得到了这背后的原因。

将有一个 Chosen.Jquery.js 文件。我们需要像这样更新代码。max_shown_results="我们想要的数字"

推荐阅读