在HTML网页中用JavaScript实现两个选择框中的内容实现互选

最近在学习javascript,想将一些学习中的东西和大家分享。在html网页中实现两个选择框中的内容实现互选的源代码：New Document function moveRight(){ var addsz=new Array(); var obj =document.form1.left; for(var i=0;i

LF的博客

914人浏览 · 2012-02-13 23:39:41

LF的博客 · 2012-02-13 23:39:41 发布

最近在学习javascript,想将一些学习中的东西和大家分享。

在html网页中实现两个选择框中的内容实现互选的源代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">

function moveRight(){
  var addsz=new Array();
  var obj =document.form1.left;
  for(var i=0;i<obj.options.length;i++){
   if(obj.options[i].selected){
    var txt =obj.options[i].text;
    var val =obj.options[i].value;

    var op = new Option(txt,val);
    document.form1.right.options.add(op);
    //document.form1.left.options.remove(obj.options[i]);
   }else{
    addsz.push(obj.options[i]);
     }
   }
  document.form1.left.options.innerHTML="";
  for(var i=0;i<addsz.length;i++){
     document.form1.left.options.add(new Option(addsz[i].text));
   }

}
function moveLeft(){
  var addlf =new Array();
  var obj =document.form1.right;
  for(var i=0;i<obj.options.length;i++){
   if(obj.options[i].selected){
    var txt =obj.options[i].text;
    var val =obj.options[i].value;
    //alert(txt);
    var op = new Option(txt,val);
    document.form1.left.options.add(op);
   }else{
    addlf.push(obj.options[i]);
     }
   }
  document.form1.right.options.innerHTML="";
  for(var i=0;i<addlf.length;i++){
     document.form1.right.options.add(new Option(addlf[i].text));
   }

}
</SCRIPT>
</HEAD>

开放原子开发者工作坊

开放原子开发者工作坊旨在鼓励更多人参与开源活动，与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动，如meetup、训练营等，主打技术交流，干货满满，真诚地邀请各位开发者共同参与！

更多推荐

“小满”安全车控操作系统正式在AtomGit开源

10月24日，由中国汽车工业协会指导，普华基础软件股份有限公司主办的“小满”安全车控操作系统开源发布会暨共建计划说明会成功举行。普华基础软件宣布将安全车控操作系统“小满”（简称“小满”）V24.10源代码正式在开放原子开源基金会（简称“基金会”）旗下AtomGit开源协作平台开源，并在AtomGit平