DaniWeb Forum Index > Web Development > PHP

adding Options to Drop Down menu

Please support our PHP advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: May 2008

Posts: 43

Reputation: yasmena is an unknown quantity at this point

Solved Threads: 0

yasmena

Offline

Light Poster

adding Options to Drop Down menu

Nov 3rd, 2008

i need to add an option from list1 to list2 when the user clicks on ADD to List button
but sth is wrong with my code it's not working

function AddItem()
{

var opt = document.getElementById("List1").selectedIndex;

document.getElementById("List2").options.add(opt);

}
can anyone tell me whats wrong ??!!!!!!

•

Join Date: May 2007

Posts: 455

Reputation: Atli is on a distinguished road

Solved Threads: 56

Atli

Offline

Posting Pro in Training

Re: adding Options to Drop Down menu

Nov 3rd, 2008

The document.getElementById("List1").selectedIndex property would not return the actual element, only the position of the selected option in the options array.

To move it over you would have to do something more like:

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
var firstBox = document.getElementById('List1');
var secondBox = document.getElementById('List2');
 
var option = firstBox.options[firstBox.selectedIndex];
secondBox.options.add(option);
var firstBox = document.getElementById('List1');
var secondBox = document.getElementById('List2');

var option = firstBox.options[firstBox.selectedIndex];
secondBox.options.add(option);

That would move the selected option from List1 to List2.

If you wanted to copy it over, you could use the cloneNode method.

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
var firstBox = document.getElementById('List1');
var secondBox = document.getElementById('List2');
 
var option = firstBox.options[firstBox.selectedIndex];
var newOption = option.cloneNode(true);
secondBox.options.add(newOption );
var firstBox = document.getElementById('List1');
var secondBox = document.getElementById('List2');

var option = firstBox.options[firstBox.selectedIndex];
var newOption = option.cloneNode(true);
secondBox.options.add(newOption );