add row will not work(I've check the forums)

function insertLeftItem(){
var rowData = ["PSOFH"];
myData.unshift(rowData);
obj.setRowCount(myData.length);
obj.refresh();
}

this works to statically add PSOFH.

I am trying to change it so when a person clicks a button it calls insertLeftItem() and adds the data that is at document.addItemLeft.itemDescription.value

I have verified that that gives me the correct data with an
alert(document.addItemLeft.itemDescription.value);
I have done all of my testing with description returning

This is the code I've been trying

function insertLeftItem(){
var rowData = '["'+document.addItemLeft.itemDescription.value+'"]';
myData.unshift(rowData);
obj.setRowCount(myData.length);
obj.refresh();
}

It will add a row, but the data will be undefined... HELP... I've been trying to simply add a row dynamically for 8 hours..

Thank you in advance..

I tested this in firefox and the dynamic one will display only the first letter of the value. The value is being saved in the javascript array, because I can use myData[2] to see it, but it doesn't display correctly.

any help would be great, netscape behaves the same as firefox. I just don't understand why it doesn't work. I am not a javascript guru though. Perhaps someone could tell me why it is doing what it is.

This is driving my nuts, thanks to anyone who will help.

function insertLeftItem(){
var rowData = '["'+document.addItemLeft.itemDescription.value+'"]';
myData.unshift(eval(rowData));
obj.setRowCount(myData.length);
obj.refresh();
}