Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

124
Visualizações
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 Respostas
Responde à pergunta

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 Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda