关于jquery插件-multiSelect (多选下拉框)

前端jquery框架 插件 multiSlect 插件是一款多选的插件,效果如下图:

废话不多说,说一下他的数据传输及渲染.

 <select multiple="multiple"  class="form-control" id="unselected_list" name="selected_list[]">
    <option value="1" >1</option>
    <option value="2" >2</option>
    <option value="3" >3</option>
    <option value="4" >4</option>
    
    <option value="1" selected></option>
</select>

option里的元素会渲染在左面的选框里,被选中的具有selected属性的会在右侧的选框

第二种写法:如果有value值,则value值对应selected的option会自动渲染在右侧 如图:

后台数据 后台接受跟select一样,多选的话name值要写成数组,如name=selected[].接受会是数组的形式保存.

关于数据的增加及删除,可以使用php数组函数array_diff()进行比较传过来的值,

array_diff($arr1,$arr)
此函数返回: 在数组1而不再其他数组的值,返回值也是一个数组.

所以可以使用:

array($select,$arr)获取新增的元素, 使用array_diff($arr,$select)获取减少的元素,

进而进行判断是新增还是删除,如果没有差异则不进行其他操作