您现在的位置是: 首页 >  技术分享 > 

php-select多选衍生
叶子 2013-12-06 18:05:00

今天在项目碰到select双向选择的问题,点击选择会出现如下图,添加,全部添加,取消,全部取消这四个功能,在网上有现成的js代码,我就不一一赘述。首先我要说我遇到的问题,当点击确定,会触发一个事件,如test方法,那就可以这样写。

function test(){

//右边的select框,一定会有name值,当你从左边的列表选择其中的人员到右边的select框,这样我们可以获取右边select的值

function chooseemp(){
var data = [];
var temp = '';
//获得右边的数据
$("[name=chosen]").find("option").each(function(i){
data.push({id:$(this).val(), name:$(this).text()});
});
//判断是否选中
if(empty(data)){
showNotice("您还没有选择人员"); 
return false;
}
window.parent.rightFrame.{%$fun%}(data);
window.parent.closeDialog();// 关闭
// var i = 0,len = data.length;
// for(; i < len; ++i){
// alert(data[i].id);
// }

}

现在又出现一个问题,就是我如果选择张三到右边,那我还可以重复选择张三,这样对于用户体验是肯定不好的。一个朋友说当你点击那个选择按钮的时候,传一个参数,然后在下图这个页面左边select框查询出来的sql,做一下判断,如果你所传的那个id不存在,左边页面的数据都查出来,如果这个id存在的话,你就可以加一个where条件,查询用户id not in 你所传的参数。这样就不会出现你所担心的问题了,希望我可以帮助到大家,不懂直接发邮箱给我,tianzhukui@126.com


yezismile wechat
欢迎关注博主公众号
分享:

Copyright © 2018
www.yezismile.com All rights reserved. 京ICP备15029736号-1