Varios ID en un mismo getElementById

[mensajeescrito]

A ver si lo entiendo

He hecho lo siguiente:

Código Javascript:

var mostrar_input = function(ids){
                var valores = ids.split(",");
                for (var i in valores)
                    document.getElementById(valores[i].replace(/\s/g, "")).style.display = "block";
            };
             
            mostrar_input("nombre_1, nombre_2, nombre_3");
 
 
 
 
 
            var ocultar_input = function(ids){
                var valores = ids.split(",");
                for (var i in valores)
                    document.getElementById(valores[i].replace(/\s/g, "")).style.display = "none";
            };
             
            ocultar_input("nombre_1, nombre_2, nombre_3");
 

Código HTML:

<select name="" id="" >
            
                <option value="elija una opcion" onclick="ocultar_input()">elija una opcion</option>
                <option value="1" onclick="mostrar_input()">campo1</option>
                <option value="2" onclick="mostrar_input()">campo2</option>
                <option value="3" onclick="mostrar_input()">campo3</option>
                            
            </select>
 
 
 
            <div id="nombre_1" style="display:none"> <input type="text" name="" id=""/> </div>
 
            <div id="nombre_2" style="display:none"> <input type="text" name="" id=""/> </div>
 
            <div id="nombre_3" style="display:none"> <input type="text" name="" id=""/> </div>
 

En resumen lo que intento es que pueda tener varios select desplegables cada uno con opciones "option".

Y que cuando elija alguna opcion de uno o mas select , estos muestren su correspondiente input.


Este que te pongo es el ultimo codigo modificado , creo que como me has aconsejado pero se resiste a salir, o mi cabeza se resiste a entenderlo .

Pero sigue sin ir