Skip to main content

loLo 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 seranserán varios select

#myDIV{border: 1px solid black;margin: 5px;}

A h3 element in div.

P element in div.

A span element in div.

A h2 element in div.

A div element in div.

Another p element in div.

A h3 element in div.

P element in div.

A span element in div.

A h2 element in div.

A div element in div.

Another p element in div.

Click the button to add a background color to all elements inside the div element.

<!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>

Try it

function myFunction(){var x = document.getElementById("myDIV");var y = x.getElementsByTagName("p");var i;for(i = 0; iPRESENTEPERMISOPRESENTEPERMISO

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

#myDIV{border: 1px solid black;margin: 5px;}

A h3 element in div.

P element in div.

A span element in div.

A h2 element in div.

A div element in div.

Another p element in div.

A h3 element in div.

P element in div.

A span element in div.

A h2 element in div.

A div element in div.

Another p element in div.

Click the button to add a background color to all elements inside the div element.

Try it

function myFunction(){var x = document.getElementById("myDIV");var y = x.getElementsByTagName("p");var i;for(i = 0; iPRESENTEPERMISOPRESENTEPERMISO

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>
Origen Enlace

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 seran varios select

#myDIV { border: 1px solid black; margin: 5px; }

A h3 element in div.

P element in div.

A span element in div.

A h2 element in div.

A div element in div.

Another p element in div.

A h3 element in div.

P element in div.

A span element in div.

A h2 element in div.

A div element in div.

Another p element in div.

Click the button to add a background color to all elements inside the div element.

Try it

function myFunction() { var x = document.getElementById("myDIV"); var y = x.getElementsByTagName("p"); var i; for (i = 0; i PRESENTE PERMISO PRESENTE PERMISO