未填充列表框中的所有选项使用选定的选择插件



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

所以在选择下降中它只显示 10 个项目

我明白了这背后的原因。

.js我们需要像这样更新代码.max_display_results="我们想要的数字">

最新更新