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

357
Vistas
Después de obtener el valor de la segunda opción de selección, si existe el valor de la segunda opción, se ocultará otro div

En realidad, estoy tratando de ocultar div id="condition-description-sec" para la segunda opción seleccionada que está ocultando, si selecciono otra opción pero div id="condition-description-sec" no se muestra. ¿Cómo puedo resolver este problema, por favor?

 var optionValue = document.getElementById("condition-select")[1].value console.log('test condition '+optionValue) if(optionValue){ $("#condition-description-sec").hide() }else{ $("#condition-description-sec").show() }
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <select name="condition_id" id="condition-select"> <option value="">Select Condition</option> <option value="1000/New with tags" selected>New with tags</option> <option value="1500/New without tags">New without tags</option> <option value="1750/New with defects">New with defects</option> <option value="3000/Used">Used</option> </select> <div id="condition-description-sec"> <p>Lorem ipsum dolor amet</p> </div>

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

0

Puede usar el evento .change para obtener el evento. Y también lo dividí en una función para verificar el inicio de la página.

 $(document).ready(function(){ // Declare function to check value to show/hide value var selectChangedFunc = function() { if ($('#condition-select').val() == '1000/New with tags') { $('#condition-description-sec').hide(); } else { $('#condition-description-sec').show(); } }; // Call it on page loaded to make sure it hides on init. selectChangedFunc(); // Capture change event to check status $('#condition-select').change(function() { selectChangedFunc(); }); });
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <select name="condition_id" id="condition-select"> <option value="">Select Condition</option> <option value="1000/New with tags" selected>New with tags</option> <option value="1500/New without tags">New without tags</option> <option value="1750/New with defects">New with defects</option> <option value="3000/Used">Used</option> </select> <div id="condition-description-sec"> <p>Lorem ipsum dolor amet</p> </div>

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