Pues, insisto en que debes de reutilizar código, ya que ambas funciones realizan algo similar, sin embargo, hay otras formas para hacer lo que buscas. Esta es una mejorable forma que funciona hasta en IE 6:
Código Javascript
:
Ver originalvar combo = document.getElementsByTagName("select")[0];
combo.onchange = function(){
var valores = new Array("nombre_1", "nombre_2", "nombre_3");
for (var i in valores){
var id = valores[i];
if (id[id.length - 1] == combo.value)
document.getElementById(id).style.display = "block";
else
document.getElementById(id).style.display = "none";
}
};
Cada vez que se elija un valor del combo, buscamos entre los
id
de los
<div>
, alguno cuyo último caracter (el número), sea igual al valor seleccionado en el combo; en caso de haber una coincidencia, se procede a mostrar el respectivo
<div>
, caso contrario, se lo oculta. Pude haber hecho esto utilizando menos líneas de código y de una manera más eficiente, pero lo hice así para que sea lo más legible posible (y por el sueño que tengo a esta hora
), además de utilizar métodos que funcionen en todos los navegadores posibles.
Saludos