I always hate being the first reply to my own thread but i have made a bit of progress on my problem but have not found a complete solution.
The problem has omething to do with innerHTML creating a new html document everytime it is called rather than updating the existing html document, then when the submit button is clicked it submits the unaltered document. For example, if I comment out the following lines in the code I previously posted the dynamicly created fields are passed to the server-side PHP script.
// oElement.innerHTML += " ";
My problem is that I have no idea how to effectively recreate these lines with DOM.
The first one is fairly easy:
oElement.innerHTML += " ";
But I have no idea how to preserve the text formatting in the second innerHTML segment without a huge increase int eh amount of code written. Is there a DOM function forcreating bold text inside of a span or Div that will contain non-bold select boxes?