在列表a中选取的值要加到空列表b中

在列表a中选取的值要加到空列表b中,应怎么实现

解决方案 »

  1.   

    你的列表是什么意思，select框吗，是要做两个select的框里的数据来回转移？
      

  2.   


    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function _add(){
    var osel1 = document.getElementById("osel1");
    var otxt  = osel1.options[osel1.selectedIndex].text;
    var oval  = osel1.value;
    var osel2 = document.getElementById("osel2");
    osel2.options.add(new Option(otxt,oval));
    }
    //-->
    </SCRIPT>
    <select id="osel1">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    </select>
    <INPUT TYPE="button" value=">>>>" onclick="_add()">
    <select id="osel2"></select>
      

  3.   


    <!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>
      function add(){
    var obj = document.getElementById("sel");
    var obj2 = document.getElementById("s");
    obj2.length = obj2.length + 1;
    obj2.options[obj2.length - 1].value = obj.options[obj.selectedIndex].value;
        obj2.options[obj2.length - 1].innerText = obj.options[obj.selectedIndex].innerText;
      }
      </script>
     </HEAD> <BODY>
    <select id=sel>
     <option value=0>0</option>
     <option value=1>1</option>
     <option value=2>2</option>
     <option value=3>3</option>
    </select>
    <input type="button" value="-->" onclick="add()">
    <select id="s">
    <option></option>
    </select>
      </BODY>
    </HTML>
      

  4.   

    一个taxtbox1
    一个textbox2
    中间一个buttonprivate onbutton1 click()
    {
    textbox2.text=textbox1.text;  //传值
    textbox1.text=''//清空}大概思想是这样，自己改改。
      

  5.   

    是的是要做两个select的框里的数据转移
      

  6.   

    以前写的一个 不知道能不能用<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> 下拉框日常操作 </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="liangchao">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
        function $(sId){return document.getElementById(sId)}
    window.onload = function(){
       $('leftSel').size = $('leftSel').options.length;
       $('rightSel').size = $('leftSel').options.length;
    }function changeOrd(sign){
       if(sign == 'right'){
          var Index = $('leftSel').options.selectedIndex;
        if(Index >= 0){
         var selText = $('leftSel').options[$('leftSel').selectedIndex].text;
         $('leftSel').options.remove(Index);
         $('rightSel').options.add(new Option(selText,selText))
        }else{
         alert('无选中选项');
        }
        
       }else if(sign == 'left'){
        var Index = $('rightSel').options.selectedIndex;
        if(Index >= 0){
         var selText = $('rightSel').options[$('rightSel').selectedIndex].text;
         $('rightSel').options.remove(Index);
         $('leftSel').options.add(new Option(selText,selText))
        }else{
         alert('无选中选项');
        }   
       }else if(sign == 'up'){
        var Index = $('leftSel').options.selectedIndex;
        if(Index > 0){
           var temp;
           temp = $('leftSel').options[$('leftSel').selectedIndex].text;
           $('leftSel').options[$('leftSel').selectedIndex].text = $('leftSel').options[$('leftSel').selectedIndex-1].text;
           $('leftSel').options[$('leftSel').selectedIndex-1].text = temp;
           $('leftSel').options[$('leftSel').selectedIndex-1].selected = true;
           }else{
          alert('已至最顶端！');
           }  
       }else if(sign == 'down'){
        var Index = $('leftSel').options.selectedIndex;
        if(Index < $('leftSel').options.length-1){
           var temp;
           temp = $('leftSel').options[$('leftSel').selectedIndex].text;
           $('leftSel').options[$('leftSel').selectedIndex].text = $('leftSel').options[$('leftSel').selectedIndex+1].text;
           $('leftSel').options[$('leftSel').selectedIndex+1].text = temp;
           $('leftSel').options[$('leftSel').selectedIndex+1].selected = true;
           }else{
          alert('已至最底端！');
           }  
       
       }
      
    }
    //-->
    </SCRIPT></HEAD><BODY>
    <SELECT NAME="left" id='leftSel' style="overflow:hidden;width:50px">
    <OPTION VALUE="中国">中国</option>
    <OPTION VALUE="英国">英国</option>
    <OPTION VALUE="法国">法国</option>
    <OPTION VALUE="日本">日本</option>
    <OPTION VALUE="俄国">俄国</option>
    <OPTION VALUE="德国">德国</option>
    </SELECT>
        <INPUT TYPE="button" value='右移' onclick="changeOrd('right')">
       <INPUT TYPE="button" value='上移' onclick="changeOrd('up')">
       <INPUT TYPE="button" value='下移' onclick="changeOrd('down')"><INPUT TYPE="button" value='左移' onclick="changeOrd('left')">   <SELECT NAME="rigth" id='rightSel' style="overflow:hidden;width:50px"></SELECT>
    </BODY>
    </HTML>