Results 1 to 2 of 2

Thread: Help needed - Moving values to another drop down

  1. #1
    Join Date
    May 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Help needed - Moving values to another drop down

    Hi,

    I want to move values from one drop down to another drop down. When I move the selected value is being removed from first drop down. Instead, I want to keep the value in first drop down & move it to second drop down.

    This is the code i am using.

    Code:
    function moveoutid()
    	{
    		var sda = document.getElementById('fromList');;
    		var len = sda.length;
    		var sda1 = document.getElementById('toList');
    		for(var j=0; j<len; j++)
    		{
    			if(sda[j].selected)
    			{
    				var tmp = sda.options[j].text;
    				var tmp1 = sda.options[j].value;
    				sda.remove(j);
    				j--;
    				var y=document.createElement('option');
    				y.text=tmp;
    				try
    				{sda1.add(y,null);
    				}
    				catch(ex)
    				{
    				sda1.add(y);
    				}
    			}
    		}
    	}
    
    	function moveinid()
    	{
    		var sda = document.getElementById('fromList');
    		var sda1 = document.getElementById('toList');
    		var len = sda1.length;
    		for(var j=0; j<len; j++)
    		{
    			if(sda1[j].selected)
    			{
    				var tmp = sda1.options[j].text;
    				var tmp1 = sda1.options[j].value;
    				sda1.remove(j);
    				j--;
    				var y=document.createElement('option');
    				y.text=tmp;
    				try
    				{
    				sda.add(y,null);}
    				catch(ex){
    				sda.add(y);	
    				}
    	
    			}
    		}	
    	}
    Last edited by Snookerman; 05-19-2009 at 06:13 AM. Reason: added [code] tags

  2. #2
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    Code:
    <html>
    
    <head>
      <title></title>
    <script  type="text/javascript">
    /*<![CDATA[*/
    
    function Move(from,to){
     from=document.getElementById(from);
     document.getElementById(to).appendChild(from.options[from.selectedIndex].cloneNode(true));
    }
    /*]]>*/
    </script></head>
    
    <body>
    <select id="S1" >
    <option >S1 1</option>
    <option >S1 2</option>
    <option >S1 3</option>
    </select>
    <select id="S2" >
    <option >S2 1</option>
    <option >S2 2</option>
    <option >S2 3</option>
    </select>
    <input type="button" name="" value="S1 > S2" onclick="Move('S1','S2');" />
    <input type="button" name="" value="S2 > S1" onclick="Move('S2','S1');" />
    
    </body>
    
    </html>

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •