Foros del Web - Ver Mensaje Individual - como hacer un select multiple de paises ...

Shade · #3 (**permalink**) 13/08/2007, 09:15

Código:

<html>
<head>
<title>Selects dinamicos</title>
</head>

<body onload="poblar(0)">
<script type="text/javascript">
var pais1 = new Array('Madrid', 'Catalunya', 'Aragón', 'Comunidad Valenciana', 'Asturias')
var pais2 = new Array('California', 'New York', 'Florida', 'Texas', 'Ohio')
var paises = new Array(pais1, pais2)

function poblar(indicePais) {	
	//	Obtener referencia a formulario
	var miForm = document.getElementById('miForm')
	
	//	En caso de haber ya un select estado, borrarlo para crear el nuevo
	if (estado = document.getElementById('estado')) {	
		miForm.removeChild(estado)
	} 
	
	// Crear el nuevo select para el estado/provincia
	var estado = document.createElement('select')
	estado.setAttribute('id', 'estado')
	estado.setAttribute('name', 'estado')
	miForm.appendChild(estado)
	
	//	poblar el select estado con las opciones que toquen (estados, provincias, etc)
	for (var i = 0; i < paises[indicePais].length; i++) {
		var opcion = document.createElement('option')
		var texto = document.createTextNode(paises[indicePais][i])
		opcion.appendChild(texto)
		estado.appendChild(opcion)
	}
}

// Función llamada por el manejador de eventos onchange del select pais. Se invoca cada vez que se cambia la opción
function cambiar(seleccion) {
	var opcionElegida = seleccion.selectedIndex
	poblar(opcionElegida)
}
</script>

<form action="" method="get" name="miForm" id="miForm">
  <label>
  <select name="pais" id="pais" onchange="cambiar(this)">
    <option selected="selected">España</option>
    <option>Estados Unidos</option>
  </select>
  </label>
</form>
</body>
</html>

Definir las variables con el var xxxx =

IE7 sux