Necesito mostrar la fecha y la hora del tipo de entrada en función de los valores desplegables. Necesito hacer lo mismo si selecciono el primer valor, solo necesito mostrar la fecha del tipo de entrada y si selecciono el segundo valor, necesito mostrar el tipo de entrada como fecha y hora. Lo intenté pero no puedo, está funcionando ..,
Gracias por adelantado
function changeFunc() { v var chkmale = document.getElementById("male"); var dvtext = document.getElementById("dvtext"); dvtext.style.display = chkmale.checked ? "block" : "none"; var chkfemale = document.getElementById("female"); var dvtext1 = document.getElementById("dvtext1"); dvtext1.style.display = chkfemale.checked ? "block" : "none"; } <!-- The Modal --> <div id="myModal" class="modal"> <!-- Modal content --> <div class="modal-content"> <div class="modal-header"> <h2>Add detail</h2> </div> <div class="modal-body"> <form> <label for="gender">Gender: </label> <select id="a" onchange="changeFunc();"> <option> Select</option> <option id="male" name="gender" value="Male"> Male</option> <option id="female" name="gender" value="Female">FeMale </option> </select> <br> <br> <div id="dvtext" style="display: none"> Enter your Height: <input type="date"> </div> <div id="dvtext1" style="display: none"> Enter your Weight: <input type="date"> </div> <div class="alert-msg" style="text-align: center;"></div> <br> <input type="reset" /> </form> </div> </div> </div> <div class="container"> <div class="col-lg-12"> </div> </div>chkmale.selectedValue.checked no tiene ningún sentido y = es una asignación, quiere === probar la igualdad
Le sugiero que use eventListener y simplifique el script usando los nombres de variables y elementos adecuados
El nombre de una selección va en las opciones de selección también no tienen ID o nombres
document.getElementById("genderSelect").addEventListener("change",function() { const isMale = this.value === "Male" document.getElementById("dvtext").hidden = !isMale document.getElementById("dvtext1").hidden = !isMale }) <!-- The Modal --> <div id="myModal" class="modal"> <!-- Modal content --> <div class="modal-content"> <div class="modal-header"> <h2>Add detail</h2> </div> <div class="modal-body"> <form> <label for="gender">Gender: </label> <select id="genderSelect" name="gender"> <option> Select</option> <option value="Male"> Male</option> <option value="Female">FeMale </option> </select> <br> <br> <div id="dvtext" hidden> Enter your Height: <input type="date" id="height" name="height"> </div> <div id="dvtext1" hidden> Enter your Weight: <input type="date" id="weight" name="weight"> </div> <div class="alert-msg" style="text-align: center;"></div> <br> <input type="reset" /> </form> </div> </div> </div> <div class="container"> <div class="col-lg-12"> </div> </div>