Estoy buscando mostrar campos de formulario solo si el usuario ingresa un valor específico en un campo diferente. Específicamente, les pido a los usuarios que ingresen la cantidad de hijos que tienen. Si el usuario ingresa 1, aparecerá un conjunto de campos para que el usuario agregue información adicional sobre su hijo. Si el usuario ingresa 2, aparecerán 2 conjuntos de campos, uno por niño. Desde una perspectiva de JS, busco ocultar los conjuntos de campos en función de la respuesta.
Este es mi HTML: campo de formulario basado en el que se debe basar el JS:
<html> <div class="_form_element _field10 _full_width "> <label for="field[10]" class="_form-label"> How many children do you have? <span style="color: #eb636d;">*</span> </label> <div class="_field-wrapper"> <input type="text" id="field[10]" name="field[10]" value="" placeholder="" required /> </div> </div> </html>Campo configurado para aparecer según el valor ingresado en el campo anterior:
<html> <div id=1 class="child_1"> <div class="_form_element _field51 _full_width " > <label for="field[51]" class="_form-label"> First child's name </label> <div class="_field-wrapper"> <input type="text" id="field[51]" name="field[51]" value="" placeholder="" /> </div> </div> <div class="_form_element _field55 _full_width " > <label for="field[55]" class="_form-label"> First child's birthdate </label> <div class="_field-wrapper"> <input type="date" class="date_field" id="field[55]" name="field[55]" value="" placeholder="" /> </div> </div> </div> </html>Gracias