questions about SELECT and innerHTML

[datactrl]

I tried to do this to change the OPTION part of a SELECT.

cust.innerHTML = "<option value='AAA'>AAA</option><option
value='BBB'>BBB</option><option value='CCC'>CCC</option><option
value='DDD'>DDD</option><option value='EEE'>EEE</option>";

It won't work at all. After tracing a while, I found it became like ...

AAA</option><option value='BBB'>BBB</option><option
value='CCC'>CCC</option><option value='DDD'>DDD</option><option
value='EEE'>EEE</option>

in the OPTION part of that SELECT. Is there anything wrong? Or it's the way
it should be. And is there any work aorund?

Jack

[Martin Honnen]

datactrl wrote:

I tried to do this to change the OPTION part of a SELECT.

cust.innerHTML = "<option value='AAA'>AAA</option><option
value='BBB'>BBB</option><option value='CCC'>CCC</option><option
value='DDD'>DDD</option><option value='EEE'>EEE</option>";

There have always been other APIs to add/remove options from a <select>
element for instance since Netscape 3
selectElement.options[selectElement.options.length] =
new Option('text', 'value')
to add an option and
selectElement.options[someIndex] = null
to remove an option.
You can also since IE5 and Netscape 6 or with other DOM compliant
browsers use the DOM to create and insert or to remove options.
--

Martin Honnen
http://JavaScript.FAQTs.com/