Adaptación de código (Radio a Select)

[SonrisaCs]

Iniciado por bathorz

Variante con addEventListener:

Código Javascript:

window.onload = function() {
        var nodo = document.getElementsByName('Conocido');
 
        nodo[0].addEventListener('click', mostrarReferencia);
        nodo[1].addEventListener('click', mostrarReferencia);
 
        function mostrarReferencia() {
          if (nodo[0].checked === true) {
            document.getElementById('desdeotro').style.display = 'block';
          } else {
            document.getElementById('desdeotro').style.display = 'none';
          }
        }
 
      };
 

Código HTML:

<form action="<?=$_SERVER['PHP_SELF']?>" method="post" name="fcontacto">
      <p>A través de donde nos has conocido:<br />
        <input type="radio" name="Conocido" value="Google" id="Conocido_0" /> Google
        <input type="radio" name="Conocido" value="Otros" id="Conocido_1" /> Otros
      </p>
      <input type="button" id="boton" value="boton" />
    </form>
    <div id="desdeotro" style="display:none;">
      <p>Referencia de la oferta:</p>
      <p><input type="text" name="otro" class="input" /></p>
    </div>
 

Hola! Gracias por responder! Aunque el código que estoy buscando es para implementarlo a un select, si bien esto es una variación aún así no se me ocurre ninguna manera de adaptarlo

Iniciado por Alexis88

¿Buscas hacer algo como esto?



Si es así, lo único que debes hacer es recorrer el conjunto de elementos <input> que deseas afectar según la selección en el elemento <select>. En el ejemplo, si la última parte del id del <input> es igual al valor seleccionado en el <select> o si se seleccionó la opción "Todos", se muestra el <input> coincidente o todos si se eligió la última opción. Para iterar sobre el conjunto de elementos <input>, utilizo la estructura Array.prototype.forEach.

Saludos

¡Genial! Era eso, muchísimas gracias :) Doy el tema por solucionado