lo que quiero es que al existir varios select cada uno cambie un id no se si me explico, quiero que al seleccionar presente aparezca un input y si esta permiso desaparezca el input pero seran varios select <!DOCTYPE html> <html> <head> <style> #myDIV { border: 1px solid black; margin: 5px; } </style> </head> <body> <div id="myDIV"> <h3>A h3 element in div.</h3> <p>P element in div.</p> <span>A span element in div.</span> <h2>A h2 element in div.</h2> <div>A div element in div.</div> <p>Another p element in div.</p> </div> <div id="myDIV"> <h3>A h3 element in div.</h3> <p>P element in div.</p> <span>A span element in div.</span> <h2>A h2 element in div.</h2> <div>A div element in div.</div> <p>Another p element in div.</p> </div> <p>Click the button to add a background color to all elements inside the div element.</p> <button onclick="myFunction()">Try it</button> <script> function myFunction() { var x = document.getElementById("myDIV"); var y = x.getElementsByTagName("p"); var i; for (i = 0; i < y.length; i++) { y[i].style.backgroundColor = "red"; } } </script> <select name="condicion" onchange="myFunction(this.value)"> <option value="1">PRESENTE</option> <option value="2">PERMISO</option> </select> <select name="condicion" onchange="myFunction(this.value)"> <option value="1">PRESENTE</option> <option value="2">PERMISO</option> </select> </body> </html>