Discussion :

[Jeremy60500]

Bonjour,

Je fais apparaître un input dynamiquement grâce à Javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
function interface(lst)
{
var d=document.getElementById("div_ip");
if (lst.selectedIndex==2 || lst.selectedIndex==3) {
d.style.display="block";
}
else
d.style.display="none";
}

En fonction du choix, si c'est 2 ou 3, je souhaiterais rendre un input "required", comment faire ?

Merci

[SylvainPV]

Bonjour,

avec setAttribute par exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function interface(lst)
{
var d=document.getElementById("div_ip");
var input = document.querySelector("selecteur-de-l-input");
if (lst.selectedIndex==2 || lst.selectedIndex==3) {
d.style.display="block";
input.setAttribute("required","required");
}
else { 
d.style.display="none"; 
input.removeAttribute("required");
}
}

[Bovino]

Sylvain, je suis étonné par ton utilisation de set/getAttribute()...

Cela n'est pas cohérent de vouloir modifier le HTML d'un objet JavaScript, utiliser la propriété JavaScript de cet objet est plus logique

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
input.required = true;
input.required = false;

[SylvainPV]

Oui on en avait déjà discuté dans un autre topic, et encore une fois tu as raison Je ne sais plus exactement ce que ça change mais je sais que ta méthode est la plus adéquate, c'est juste que j'ai encore de mauvaises habitudes

[Bovino]

La répétition crée la notion parait-il !

[Jeremy60500]

Qu'entendez-vous par le "selecteur de l'input" ?
J'ai renseigné l'ID de l'input, et ça ce marche pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
function interface(lst)
{
var d=document.getElementById("div_ip");
var input = document.querySelector("adresseip_imprimante");
if (lst.selectedIndex==2 || lst.selectedIndex==3) {
d.style.display="block";
input.required = true;
}
else 
d.style.display="none";
input.required = false;
}

Mon input :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<label style="width:160px;">Adresse IP :</label>
<input value='<?php echo $adresseip_imprimante;?>' type='text' name='adresseip_imprimante' id='adresseip_imprimante' style="width:180px;">

[Jeremy60500]

Oups pardon, mea culpa... J'ai oublié le "#" devant mon ID

Merci beaucoup du coup de pouce

Sujet résolu.

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var input = document.querySelector("adresseip_imprimante");

La première des choses à faire quand on utilise une instruction que l'on ne connait pas est de faire une recherche dessus pour savoir quelle est sa syntaxe exacte (dans ton cas, sous quelle forme sont attendus les paramètres)...