multiselect插件操作多选列表框

来源:互联网 发布:有知投资管理有限公司 编辑:程序博客网 时间:2024/04/28 12:30

需求:可以自由选择需要的字段,导出csv。

效果:


multiselect插件源码下载及手册地址:http://loudev.com/


1.导入jquery、multi-select.css、jquery.multi-select.js三个文件

2.html:

<select multiple="multiple" id="my-select" name="select[]">    <volist name="fieldList" id="fl"><option value="{$fl.code}">{$fl.name}</option>    </volist></select>
3.js实例化:
$('#my-select').multiSelect({selectableHeader: "<div class='custom-header'>可选项</div>",selectionHeader: "<div class='custom-header'>选择项目</div>"});
4.php:
$fieldList = M('Field')->field('id,code,name')->select();$this->assign('fieldList',$fieldList); 

结果:




以上实现 可以自由选择需要导出的考生字段,为接下来导出csv数据做准备。

下一篇  根据multiselect选出的字段导出对应字段csv数据




一个每天吃超过十块钱盖饭都要思索半天
却始终心系宇宙从哪来到哪去的普普通程序员
2017.10.23






原创粉丝点击