Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

118
Vistas
Tengo problemas con un formulario de búsqueda simple con javascript

Sé con lo que estoy atrapado es simple.

Mi ejemplo está aquí: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_filter_list

Quiero hacer lo contrario. No aparece nada al principio. Comienzan a aparecer a medida que escribe la segunda o tercera letra en el formulario de búsqueda. ¿No sería genial?

Gracias por tu ayuda.

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Hay un par de enfoques que puede considerar, por ahora puedo mostrarle una solución que solo edita ligeramente su código actual.

Para decirle mejor qué líneas he cambiado, he movido su código a un JSfiddle.

https://jsfiddle.net/ubLve2hx/1/

He editado su código para que se ajuste a la funcionalidad que describe, comienza a mostrar la lista una vez que ha escrito 2 caracteres o más.

El primer cambio está en la línea 5 de la sección HTML;

 <ul id="myUL" style="display: none;">

Para empezar, lo hemos hecho para que su lista no sea visible.

Luego, en la sección de javascript, línea 8 a 12, hemos agregado lo siguiente;

 if (filter.length > 1) { ul.style.display = "block"; } else { ul.style.display = "none"; }

Entonces, si su filtro tiene más de 1 carácter, muestre la lista, de lo contrario, oculte la lista.

¡Espero que esto haya ayudado! Si lo desea, puedo mostrarle algunos enfoques sobre cómo estructurar mejor las listas de búsqueda como esta.

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda