javascript: select vs innerHTML

[Cris]

появилась такая проблема:
допустим есть такое:

<div id="div1">
<select name="select1">
<option value="1">1</option>
<option value="2">3</option>
<option value="2">3</option>
</select>
</div>

мне нужно по событию добавлять новые селекты в div1, например чтобы сделать:

<div id="div1">
<select name="select1">
<option value="1">1</option>
<option value="2">3</option>
<option value="2">3</option>
</select>
<select name="select2">
<option value="1">1</option>
<option value="2">3</option>
<option value="2">3</option>
</select>
</div>

я делаю:

var div1=document.getElementById('div1');
div1.innerHTML+="<select name=\"select2\">"
+"<option value=\"1\">1</option>"
+"<option value=\"2\">3</option>"
+"<option value=\"2\">3</option>"
+"</select>";

но почему то после такого добавления все select'ы в div1 сбрасываются и на selectedIndex=0

как можно по другомудобавлять елементы в этот div1 - учитывая что там может быть и не div, а вместо селекта - блоки побольше с разной структурой, - причем селекы сбрасываются во всех елементах обьекта div1 в независимости от глубины

 

[Cris]

вроде случайно наткнулся на ответ:

You must be registered for see links

там предлагают через appendChild делать

 

[Hamster]

$('#div1').append( $('<select>').append($('<option>').text('one')).append($('<option>').text('two')));

 

[akl]

Это во всех браузерах или только в IE6?

You must be registered for see links