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();

时间: 2024-11-13 09:59:24

bootstrap下拉列表默选中多选的相关文章

js获取下拉列表(select)选中项的值和文本

获取下拉列表选中项的值和文本(select) <html> <head> <meta charset="utf-8"/> <title>获取下拉列表选中项的值和文本(select)</title> </head> <body> <select id="myselect"> <option value="fist">1</option&

EasyUI tree 选中父节点子节点全部选中,选中子节点父节点不选中

需求:EasyUI tree 选中父节点子节点全部选中,选中子节点父节点不选中 效果: /**   * 给树增加onCheck事件,首先使用cascadeCheck:false属性禁止全选,   * 然后获取当前选中节点的所有子节点,在判断其拥有子节点时对其所有字节点   * 进行遍历操作.在easyui中树节点的是否选中不是由checked:true   * 属性来控制,而是由class tree-checkbox0   * 和tree-checkbox1进行控制.--by wk   */  

Bootstrap之表格checkbox复选框全选

效果图: HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以正常的表格布局就行了: [html] view plain copy <table class="table table-bordered table-hover"> <thead> <tr class="success"> <th>类别编号</th> <th>类别名称</th> <th>类别组<

jQuery操作下拉列表以及单选多选框

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script> </head>

Bootstrap之表格checkbox复选框全选 [转]

转自: http://blog.csdn.net/shangmingchao/article/details/49761315 效果图: HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以正常的表格布局就行了: [html] view plain copy <table class="table table-bordered table-hover"> <thead> <tr class="success"> <

2016/3/30 租房子 ①建立租房子的增、删、改php页面 ②多条件查询 ③全选时 各部分全选中 任意checkbox不选中 全选checkbox不选中

字符串的另一种写法:<<<AAAA; 后两个AA回车要求定格  不然报错 例子: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <?php 9 $str = &

如何在select下拉列表中添加复选框?

近来在给一个公司做考试系统的项目,遇到的问题不少,但其中的几个让我对表单的使用颇为感兴趣,前端程序员都知道,下拉列表有select标签,复选框有checkbox,但是两者合在一起却少有人去研究,当时接到这样的要求时我也蒙了,于是去网上查相关资料,查了好久,查不出个结果,只好自己用纯html css jq去做一个仿下拉列表中自带复选框的效果,代码如下,可直接复制去查看效果, 注:(以下代码为本人自己编写,只是一个小Demo,可以直接复制使用,但代码只是演示其效果和功能,告诉大家如何去写,所以界面可

bootstrap下拉列表与输入框组结合的样式调整

输入框组默认是div.input-group 已知可在input表单元素前后加入两类元素[分别是文本和按钮]如下所示: div.input-group-addon{文字或符号} input.form-control div.input-group-btn 其中按钮还可嵌套下拉菜单(包括分裂式下拉菜单) 一.基本用法如下: <div class="input-group"> <span class="input-group-addon">@&l

选中多选框时改变相对应的包裹复选框的元素样式

首先 有这样的一个效果: 即选中复选框的时候,相对应的li将改变背景色等样式,完整的实现效果主要代码如下 原始html文件 <div class="check"> <h5>症状(可多选)</h5> <ul class="flex"> <li class="radius"> 单颗牙缺失<input name="症状" type="checkbox&quo