javascript problem
i have a list <html:select> in a tabbed pane. I have yet another list, which is empty to begin with. I give the user to move elements from the first list to the second.
I use javascript to move the elements. I have the code like this:
[CODE]
function listSelected()
{
var name;
var value;
if(!document.form.tabbedPanel1.mapDates.lstDateRange.disabled)
{
alert("inside if");
var lengthSel = document.form.mapDates.lstDateRange.options.length;
var k=0;
for(i=0; i<lengthSel; i++)
{if(document.form.tabbedPanel1.mapDates.lstDateRange.options.selected)
{
name = document.form.lstDateRange.options.text;
value = document.form.lstDateRange.options.value;
document.form.lstDateRange.options[document.form.lstDateRange.length] = new Option(name,value);
}
}
while(k><lengthSel)
{
if(document.form.lstDateRange.options[k].selected)
{
document.form.lstDateRange.options[k] = null;
lengthSel =lengthSel-1;
}
else
k++;
}
}
}
[/CODE]
I get the following exception: document.form.tabbedPane1.mappedDates is null or not an object. Please help!>
