I'm working on a web page and I have these read only text areas where the user enters several options for the products they want. When they enter these options I am able to create text boxes for each input, but when they go to the next page, all entered text becomes read only and it's displayed in one single textarea. All fields are separated by a comma.
Here's 2 textareas where you can see what I'm talking about.
<textarea readOnly class="cart" wrap="physical" name="0:freeopt" rows="4" cols="40" ID="Textarea1">Product,Widget,Type,Bucket,Color,Blue</textarea>
<textarea readOnly class="cart" wrap="physical" name="1:freeopt" rows="4" cols="40" ID="Textarea2">Product,Shell,Type,Wood,Color,Red</textarea>
I need them to look like this: