大佬教程收集整理的这篇文章主要介绍了html – Bootstrap multi-select – 使用Group Labels过滤问题,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<script type="text/javascript"> $(function() { $('#coder_prod_SELEct_client').multiSELEct({ includeSELEctAllOption: true,enableCaseInsensitiveFiltering: true,numberDisplayed: 0,nonSELEctedText: 'SELEct Facility',maxHeight: 450 }); }); </script>
以下是HTML代码:
<div id="coder_prod_facilities_for_SELEct"> <SELEct name="facilitY[]" multiple="multiple" id="coder_prod_SELEct_facility" style="display: none;"> <option value="multiSELEct-all"> SELEct all</option> <optgroup label="Group 1"> <option value="114">Ancillary</option> <option value="115">Inpatient</option> <option value="117">Emergency</option> </optgroup> <optgroup label="Group 2"> <option value="80">Inpatient</option> <option value="81">SS Surgery</option> <option value="90">Emergency</option> </optgroup> <optgroup label="Group 3"> <option value="73">Inpatient</option> <option value="75">Observation</option> <option value="76">SS Surgery</option> <option value="77">Ancillary</option> </optgroup> </SELEct> <div class="btn-group"> <button data-toggle="dropdown" class="multiSELEct dropdown-toggle btn btn-default" type="button" title="SELEct Facility"> SELEct Facility <b class="caret"></b> </button> <ul class="multiSELEct-container dropdown-menu" style="max-height: 450px; overflow-y: auto; overflow-x: hidden;"> <div class="input-group"> <span class="input-group-addon"> <i class="glyphicon glyphicon-search"></i> </span> <input type="text" class="form-control multiSELEct-search" placeholder="Search"> </div> <li> <a href="javascript:void(0);" class="multiSELEct-all"> <label class="checkbox"><input type="checkbox" value="multiSELEct-all"> SELEct all</label> </a> </li> <li style="display: list-item;"> <label class="multiSELEct-group">Group 1</label> </li> <li style="display: list-item;"> <a href="javascript:void(0);"> <label class="checkbox"><input type="checkbox" value="114"> Ancillary</label> </a> </li> <li style="display: list-item;"> <a href="javascript:void(0);"> <label class="checkbox"><input type="checkbox" value="115"> Inpatient</label> </a> </li> <li style="display: list-item;"> <a href="javascript:void(0);"> <label class="checkbox"><input type="checkbox" value="117"> Emergency</label> </a> </li> <li style="display: list-item;"> <label class="multiSELEct-group">Group 2</label> </li> <li style="display: list-item;"> <a href="javascript:void(0);"> <label class="checkbox"><input type="checkbox" value="80"> Inpatient</label> </a> </li> <li style="display: list-item;"> <a href="javascript:void(0);"> <label class="checkbox"><input type="checkbox" value="81"> SS Surgery</label> </a> </li> <li style="display: list-item;"> <a href="javascript:void(0);"> <label class="checkbox"><input type="checkbox" value="90"> Emergency</label> </a> </li> <li style="display: list-item;"> <label class="multiSELEct-group">Group 3</label> </li> <li style="display: list-item;"> <a href="javascript:void(0);"> <label class="checkbox"> <input type="checkbox" value="73"> Inpatient</label> </a> </li> <li style="display: list-item;"> <a href="javascript:void(0);"> <label class="checkbox"><input type="checkbox" value="75"> Observation</label> </a> </li> <li style="display: list-item;"> <a href="javascript:void(0);"> <label class="checkbox"><input type="checkbox" value="76"> SS Surgery</label> </a> </li> <li style="display: list-item;"> <a href="javascript:void(0);"> <label class="checkbox"><input type="checkbox" value="77"> Ancillary</label> </a> </li> </ul> </div> </div>
您可以在下面看到默认的视图/ HTMl.
您可以看到每个组下面都有类似的元素.例如,当我使用值’inpatient’进行过滤时,它显示的结果如下面的附件所示.
但是,每个过滤的“住院病人”值都属于不同的组,所有值都应该显示在它的组名称顶部!!,但事实并非如此.
有谁可以帮我识别并解决问题?
以上是大佬教程为你收集整理的html – Bootstrap multi-select – 使用Group Labels过滤问题全部内容,希望文章能够帮你解决html – Bootstrap multi-select – 使用Group Labels过滤问题所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。