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

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

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 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!