JavaScript - quitar a input la opcion required segun opcion en select

 
Vista:
Imágen de perfil de Eduardo
Val: 159
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

quitar a input la opcion required segun opcion en select

Publicado por Eduardo (184 intervenciones) el 24/05/2024 20:27:09
Hola a todos, tengo el siguiente código el cual no me resulta, lo que deseo es que si en el select esta seleccionada la opción "2" el campo text se le quite la opción de ser required.

aca pongo el código que llevo.... Gracias!!!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<form>
    <select name="opcionn" id="opcionn">
      <option value=" ">Seleccione</option>
      <option value="1">1</option>
      <option value="2">2</option>
    </select>
    <br/>
    <input type="text" id="textField" required/><br/>
    <input type="submit" value="Enviar"/>
</form>
<script type="text/javascript">
  var textElement = document.getElementById("textField");
  var op= document.getElementById("opcionn");
 
  opcionn.addEventListener("change",(e)=> {
  	if (op=="2"){
    	textElement.required = false;
	}else{
    	textElement.required = true;
    }
  });
</script>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Eduardo
Val: 159
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

quitar a input la opcion required segun opcion en select

Publicado por Eduardo (184 intervenciones) el 24/05/2024 20:53:10
Bueno Creo que lo logre.. le puse un evento al mismo select para que disparara la función que hace la magia...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<form>
    <select name="opcionn" id="opcionn" onchange="seleccionado(event)">
      <option value=" ">Seleccione</option>
      <option value="1">1</option>
      <option value="2">2</option>
    </select>
    <br/>
    <input type="text" id="textField" required/><br/>
    <input type="submit" value="Enviar"/>
</form>
<script type="text/javascript">
function seleccionado(event){
	 var textElement = document.getElementById("textField");
	 var op = document.getElementById("opcionn");
    var selectedOption = event.target.options[event.target.selectedIndex];
  if (selectedOption.value=="2"){
    	textElement.required = false;
	}else{
    	textElement.required = true;
    }
}
</script>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar