Skip to main content

seleccionar una opcion con multiples select

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 serán 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>