Ahora funciona
Código HTML:
Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript" type="text/JavaScript"> var s1 = ['seleccione','1','2','3'];
var s2 = ['11','12','13'];
var s3 = ['21','22','23'];
var s4 = ['31','32','33'];
var select1 = document.createElement('select');
var select2 = document.createElement('select');
//Inicializació
var contaglobal = new Array();
//Agregamos un identificador
select1.setAttribute("id","select1");
select2.setAttribute("id","select2");
document.body.appendChild(select1);
document.body.appendChild(select2);
for ( x = 0 ; x < s1.length ; x++) {
var option = document.createElement('option');
option.innerHTML = s1[x];
select1.appendChild(option);
}
select1.onchange = function () {
//Reiniciación
contaglobal = new Array();
var conta = select1.value;
if ( conta == "1"){
contaglobal = s2 ;
} else if ( conta == "2") {
contaglobal = s3;
} else {
contaglobal = s4;
}
//Eliminamos las opciones anteriores de select 2
for( var o = 0; o < document.getElementById("select2").options.length; o++ ){
document.getElementById("select2").remove(0);//Siempre la primera
}
//Creamos las nuevas
for( var o = 0; o < contaglobal.length; o++ ){
var opcion = document.createElement('option');
opcion.innerHTML = contaglobal[o];
select2.appendChild(opcion);
}