Reemplazar campos.

[Gaug]

Me marca "Object required", quité la línea y si me desaparece el texto, pero no vuelve a aparecer la lista, y ahora el error me lo marca en:

Código javascript:

list.style.display = "inline";
 

[David]

Realmentes es raro... por si acaso, ¿no debería ser lista en lugar de list?

¿Tienes un enlace a la página?

[Gaug]

Lo que pasa es que cambié el nombre.

No tengo hosteada la página.

Te pongo el código por partes, tal vez esté algo mal.

Ésta es la función para ocultar la lista y mostrar el texto:

Código javascript:

function mostrar() {
 
      var texto = document.getElementById("stipo");
      var lista = document.getElementById("tipo");
      texto.innerHTML = lista.value;
      texto.style.display = "inline";
      lista.style.display = "none";
      }
 

Ésta la función para ocultar el texto y mostrar la lista:

Código javascript:

function ocultar() {
 
      var text = document.getElementById("stipo");
      var list = document.getElementById("tipo");
      text.style.display = "none";
      list.style.display = "inline";
      }
 

Éstos son el select y el botón:

Código html:

<p class="Estilo3">Tipo: __<u>
      <span id="stipo"><select name="tipo" id="tipo" onchange="mostrar();" >
          <option value="asdf">asdf</option>
        </select>
        </span>
        </u>
        <input type="button" id="boton" name="boton" value="Limpiar" onclick="ocultar();" />
 

¿Encuentras algo mal?

Saludos.

[David]

El problema es que estás anidando el select dentro del span. Coloca el select fuera del span, como te había indicado:

Código HTML:

<span id="stipo"></span><select id="tipo">...</select>
 

[Gaug]

Muchas gracias por tu ayuda, perdón por responder hasta ahora.

Otra pregunta, ¿habrá alguna manera de hacer esta función general, no estar haciendo una para cada select?

Saludos.

[David]

Puedes recibir como parámetro de la función el id del select. Así, al obtener el elemento con document.getElementById() usas ese parámetro.

[Gaug]

Ya lo tengo, muchas gracias.