Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

117
Views
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 answers
Answer question

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!