加入收藏 | 设为首页 | 会员中心 | 我要投稿 聊城站长网 (https://www.0635zz.com/)- 智能语音交互、行业智能、AI应用、云计算、5G!
当前位置: 首页 > 教程 > 正文

两个select多选模式的选项相互迁移

发布时间:2023-09-16 14:41:02 所属栏目:教程 来源:
导读:代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<
代码如下:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<title>无标题文档</title>
 
<script type="text/javascript">
 
function copyToList(from,to){
 
    var fromList=eval('document.forms[0].'+from);
 
    var toList=eval('document.forms[0].'+to);
 
    if(toList.options.length > 0 && toList.options[0].value == 'temp'){
 
            toList.options.length=0;
 
    }
 
    var sel=false;
 
    for(i = 0;i < fromList.options.length;i++){
 
        var current=fromList.options[i];
 
        if(current.selected){
 
            sel=true;
 
            if(current.value=='temp'){
 
                alert('不能选择这个项目!');
 
                return;
 
            }
 
            txt=current.text;
 
            val=current.value;
 
            toList.options[toList.length]=new Option(txt,val);
 
            fromList.options[i]=null;
 
            i--;
 
        }
 
    }
 
    if(!sel) alert('你还没有选择任何项目!');
 
}
 
function allSelect(){   
 
    var chsen=document.getElementById('chosen');
 
    //如果chsen列表框为0或第一个选项值为'temp'
 
    if(chsen.length && chsen.options[0].value=="temp")
 
        return;
 
    for(var i=0;i<chsen.length;i++){
 
            chsen.options[i].selected=true;
 
    }
 
//得到数据
 
 function getdata() {
 
            var List = document.forms[0].RoleList;
 
       //得到一个隐藏文本框对象
 
            var roles = document.getElementById("TRoleList");
 
            roles.value = "";
 
 

(编辑:聊城站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章