I'm creating an order form, where the user can add more addresses with a single click.
They can pick a recepients from a select list, and after they choosed one, the details of the selected recepients appear in a div.
The basic of my form looks like this:
<fieldset name="name" id="name">
<select name="select_name" id="select_name">
<div id="to_field" name="to_field"></div>
(From this fieldset user can have as many as he wants, that's why I use arrays)
From this you can see, that the details must appear in the div called to_field.
var fields = document.getElementsByName("to_field");
fields[i].innerHTML ='Content goes here';
It works fine in FF, Safari and Opera but not in IE 7. (I don't care IE6 anymore:) )
How could I repair this bug?
Thank you for your time!