Win a copy of Mesos in Action this week in the Cloud/Virtualizaton forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

how to move items in between two select lists using javascript ???

 
Waez Ali
Ranch Hand
Posts: 43
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi,
I have one select list "LIST1" & two button with label "Right" "Left" now what i want to do is when i click on any item from first list and then click on "Right" button,then that item should be moved to the second Select List "LIST2" which was empty.

<script>
function Move(){

var val = document.frm.LIST1.value;

var element = document.createElement('option');
element.setAttribute('value',val);
document.getElementById('l2').appendChild(element);
alert(document.frm.LIST2.value);
}
</script>

<SELECT name="LIST1" size="4" multiple>
<OPTION value="A1">A</OPTION>
<OPTION value="B2">B</OPTION>
<OPTION value="C3">C</OPTION>
<OPTION value="D4">D</OPTION>
</SELECT>
--- buttons onclick call move()-----


<select id="l2" name="LIST2" size="4" multiple>
</select>



I tried it using javascript but

Somebody please make this code correct
I hope u understand my problem.

Thanks in advance
[ May 02, 2005: Message edited by: Waez Ali ]
 
Venkatraman Kandaswamy
Ranch Hand
Posts: 120
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Here is an example you can use.
 
Eric Pascarello
author
Rancher
Posts: 15385
6
 
Waez Ali
Ranch Hand
Posts: 43
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Thanks venkatraman & eric for such a good response.

Waez Ali
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic