problema con select dinamico

[JAI_ME]

buenas tardes tengo el siguiete codigo en mi documento html

<form name="form1" id="form1">
<div id="contenido">
<select name="cbsele1" id="cbsele1">
<option value="aa">elige</option>
<option value="10">casa</option>
<option value="11" selected="selected">carro</option>
<option value="12">avion</option>
</select><br /><br />
</div>
<input type="button" value="crear" name="crear" onclick="crearsele(document.form1.cbsele1.selected Index)" />
</form>

esto como lo ven crea un elemento select y un boton que al dar clic crea otro elemento.

el codigo javascript es el siguiente.

n = 2;
function crearsele(ind){
nombre = 'cbsele'+n;
var selec = '<select name='+nombre+' id='+nombre+'>';
selec += '<option value=aa>elige</option>';
selec += '<option value=10>casa</option>';
selec += '<option value=11>carro</option>';
selec += '<option value=12>avion</option>';
selec +='</select><br /><br />';

document.getElementById('contenido').innerHTML +=selec;
if(n==2)
document.form1.cbsele2.selectedIndex=ind;
else if(n==3)
document.form1.cbsele3.selectedIndex=ind;
else if(n==4)
document.form1.cbsele4.selectedIndex=ind;

n++;
}

el problema es que si en el select de nombre cbsele1 cambio la opcion por cualquier otra, y doy clic en crear, el nuevo elemento efectivamente se crea y me muestra seleccionada la misma opcion del cbsele1 todo de maravilla, pero en el cbsele1 deberia quedar la ultima opcion seleccionada por el usuario pero no es asi me la cambia por la que estaba por defecto, es decir siempre que creo un nuevo elemento cambie o no el index del cbsele1 al final siempre me termina mostrando la opcion por defecto.

ese solo es mi problema, espero haberme echo entender y ojala me ayuden a resolver mi problema, mil gracias.

[JAI_ME]

alguna sugerencia ?

[way2park]

Hola jaime.

Mira yo hice algo similar a lo tuyo, no se si te sirve quizas en esto la tenes mas clara vos que yo pero igual te cuento.

En vez de crear los select secundarios que dependeran del primero en la misma pagina, le hice iframes dentro de tablas individuales y los oculte

Despues con javascript de acuerdo a la seleccion del primero mostraba la tabla y desde el iframe que mostraba le daba el filtro al select secundario para que muestre dependiendo del primer select.

Espero que se entienda algo de lo que te quiero comentar.

A mi me funciono, es mas, desde el ultimo select le agrege la opcion que si se selecciona algo fuera de lo logico me escondiera los iframes y solo me deje el select primaro.

Bien dinamico pero usando php y alguito de java.

Te vuelvo a decir, quizas no es lo que se deberia hacer ya que yo estoy recien empezando en este tema y seguro que mas de una brutalidad me mando jeje.

[JAI_ME]

Muchas gracias way2park por su respuesta, la verdad se me hace mas complicado usar iframes y creo que es mas eficiente como lo mostre inicialmente, me funciona perfecto el unico inconveniente como los dije es que no guarda definitivamente la propiedad selected en la nueva opcion seleccionada.

[JAI_ME]

gracias a todos ya lo resolvi, solo cree otro contenedor diferente y listo