multiselect插件操作多选列表框

需求：可以自由选择需要的字段，导出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