Creé dos cuadros de entrada para almacenar algún valor. He asignado un valor para cada entrada de modo que al ingresar esos valores solo debería cambiar el botón actual a uno diferente. Ahora tengo dos preguntas aquí-
Al implementar esto, no puedo ver el botón predeterminado que debería estar presente aquí, en cambio, veo el botón modificado que también quería solo cuando ingreso los valores que asigné en los cuadros de entrada. ¿Cómo puedo arreglar esto de modo que si no ingreso nada o ingreso valores incorrectos en los cuadros de entrada, mi botón predeterminado aún debería estar visible?
Quiero estos dos cuadros de entrada en una opción particular, digamos "XYZ". Esto significa que cuando elijo "XYZ", solo estos cuadros deberían aparecer y funcionar después de proporcionar valores. Estoy tratando de usar un menú desplegable aquí, pero no puedo obtener los cuadros de entrada después de hacer clic en la opción desplegable. Están uno al lado del otro en el menú desplegable.
Adjunto un código para explicarlo, no puedo adjuntar el código completo debido a las políticas de la empresa.
XYZ: <select id="xyz" name="xyz" onchange="renderxyzButton()"> <option Selected Disabled>Select</option> <option value="XYZ">XYZ</option> </select> X: <input type="text" size="50" id="x" name="x" /> Y: <input type="text" size="50" id="y" name="y" /> document.querySelector("#xyz").addEventListener('change', function(e) { e.somefunc(); if ($("#xyz").val() === "XYZ") { renderxyzButton(); } else { renderButton(); } }); function renderxyzButton() { if ($("#x").val() === "P") { document.querySelector("#x").addEventListener('input', function(e) { e.somefunc(); renderButton(); }); } else { renderButton(); } if ($("#y").val() === "C") { document.querySelector("#y").addEventListener('input', function(e) { e.somefunc(); renderButton(); }); } else { renderButton(); } }