bootstrap下拉列表默选中多选

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap下拉列表默选中多选相关的知识,希望对你有一定的参考价值。

<div class="control-group"> <label class="control-label">逾期等级:</label>

    <div class="controls">

      <select id="lateFeeDays" multiple class="chzn-select" name="lateFeeDays" style="width:140px" class="input-xlarge focused">

        <option value="M1">M1</option> <option value="M2">M1-M2</option>

        <option value="M3">M2-M3</option> <option value="M4">M3以上</option>

      </select>

    </div>

</div>

 

    var lateFeeDays="${lateFeeDays}";
            
            if(lateFeeDays.contains("M1")){
            $("#lateFeeDays option[value=‘M1‘]").attr("selected",true);
            }
            if(lateFeeDays.contains("M2")){
                $("#lateFeeDays option[value=‘M2‘]").attr("selected",true);
            }
            if(lateFeeDays.contains("M3")){
                $("#lateFeeDays option[value=‘M3‘]").attr("selected",true);
            }
            if(lateFeeDays.contains("M4")){
                $("#lateFeeDays option[value=‘M4‘]").attr("selected",true);
            }
            $("#lateFeeDays").chosen();

以上是关于bootstrap下拉列表默选中多选的主要内容,如果未能解决你的问题,请参考以下文章

在 Django 模板的 Bootstrap 4 多选下拉列表中显示多选字段值

关于bootstrap 表单 带有多选下拉列表和kkpager翻页 的传值问题

Bootstrap 下拉框搜索多选

java+selenium+new——操作多选下拉列表——选中取消——select类

bootstrap下拉框select怎么实现

在 s-s-rS 报告中使用级联多选下拉菜单时,取消选中所有复选框不起作用