jquery chosen 插件使用
来源:互联网 发布:python 文件函数 编辑:程序博客网 时间:2024/06/10 12:02
转载地址:https://www.cnblogs.com/zhengyeye/p/6628460.html
附加,chosen选项列表网址:https://github.com/amazeui/chosen/blob/master/docs/options.md
重点在于:
1.每次更改之后的更新和初始化。
2.当时项目中使用ajax返回动态拼接HTML时候的代码:
//第四个th,考核人
tbody += '<th id="kaoheren'+data[i].skpi_content_number+'" class="center" nowrap="nowrap" style="width:20%;">';
tbody += '<input type="hidden" name="DKPIEXT_ID'+data[i].skpi_content_number+'" id="dkpiext_id'+data[i].skpi_content_number+'" value="'+data[i].skpiext_id+'"/>';
tbody += '<select multiple="multiple" class="chosen-select form-control" name="EMP_ID'+data[i].skpi_content_number+'" id="emp_id'+data[i].skpi_content_number+'" data-placeholder="请选择考核人" style="vertical-align:top;" style="width:98%;" >';
tbody += '<option value=""></option>';
tbody += '<c:forEach items="${empList}" var="emp">';
if(data[i].emp_id == '${emp.emp_id }' ){
tbody += '<option value="${emp.emp_id }" selected> ${emp.emp_name } </option>';
}else{
tbody += '<option value="${emp.emp_id }" > ${emp.emp_name } </option>';
}
tbody += '</c:forEach></select></th>';
$("#emp_id"+data[i].skpi_content_number).trigger("chosen:updated");//动态添加html,使用 chosen-select必须加,否则插件无效果
$("#emp_id"+data[i].skpi_content_number).chosen();//动态添加html,使用 chosen-select必须加,否则插件无效果
上述黄色标记,本来准备写成一句,类似下面的
<c:forEach items="${empList}" var="emp">
<option value="${emp.emp_id }" <c:if test="${pdS.emp_id==emp.emp_id}">selected</c:if>> ${emp.emp_name } </option>
</c:forEach>
这样的判断的,但是多次拼接都不能显示,后来换成简单的 if 判断了。
- jquery chosen 插件使用
- jquery插件chosen的使用
- jquery select 插件 chosen
- jquery chosen 插件
- chosen插件的使用
- jquery Chosen使用
- jquery Chosen使用
- jquery-chosen 选择框插件
- jquery-chosen 选择框插件
- select三级联动结合jquery的chosen.jquery.js 插件一起使用原创案例
- Chosen—jquery选择框插件
- jquery chosen 插件多选初始化
- jquery-chosen 选择框插件用法
- chosen jquery
- chosen.jquery
- 在使用jquery的chosen下拉列表的插件时,碰到了使用jquery.validate.js的冲突
- jquery.chosen 强大的jquery模拟下拉框(select)插件
- 【jquery】Chosen.jquery.js 插件动态加载数据问题
- MyBatis分页插件的使用和抽象对象之间的转换关系
- BACnet(二)MS/TP AutoMAC解析
- 简洁的网络拦截器
- 【Scikit-Learn 中文文档】6 支持向量机
- 断点续传
- jquery chosen 插件使用
- centos 7.3 U盘安装血泪史
- Android 二级列表
- 算法谜题之解决
- 数据库安装及应用
- C++字符流操作
- GreenDao
- 实现MySQL高可用架构之MHA
- 【Scikit-Learn 中文文档】7 随机梯度下降