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.