0
155
ViewsCómo ocultar / mostrar una identificación div con jQuery cuando se elige la opción html seleccionada
Tengo una opción html seleccionada con dos opciones:
<select name="subject" id="subject"> <option value="option1">Option 1</option> <option value="option2">Option 2</option> </select>También tengo un elemento div con id="human-genome".
<div id="human-genome"></div>Quiero ocultar esta identificación de forma predeterminada y cuando se selecciona la opción 1. Quiero mostrar esta identificación cuando se selecciona la opción 2.
Aquí está mi Jquery:
$(document).ready(function(){ $("#subject").change(function(){ if($(this.val() == 'option1'){ $('#human-genome').hide(); } else { $('#human-genome').show(); }); });Por alguna razón, el código no funciona. ¿Alguna sugerencia? ¡Gracias de antemano!
·
Juan Pablo Isaza
3 answers
Answer question0
Hay un error de sintaxis en el código que desarrolló. Edité el código de la siguiente manera para que sea comprensible.
$(document).ready(function(){ $("#subject").change(function(){ console.log(this.value); if(this.value == 'option1') { $('#human-genome').hide(); } else { $('#human-genome').show(); } }); }); #human-genome{ margin-left: 100px; background-color: red; width: 100px; display: none; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select name="subject" id="subject"> <option value="option1">Hide</option> <option value="option2">Show</option> </select> <div id="human-genome">TEST</div>
·
Juan Pablo Isaza
Report
0
Acabo de notar un error de sintaxis.
·
Juan Pablo Isaza
Report
0
Intente usar $(this).val() en lugar de su código, por favor.
$(document).ready(function(){ $("#subject").change(function(){ if($(this).val() == 'option1'){ $('#human-genome').hide(); } else { $('#human-genome').show(); }});});
·
Juan Pablo Isaza
Report
Answer question