Comment faire marché le onchange javascript sur mon code?

Fermé
Ndediop Messages postés 101 Date d'inscription jeudi 2 mars 2017 Statut Membre Dernière intervention 5 juillet 2017 - 31 mars 2017 à 10:21
Ndediop Messages postés 101 Date d'inscription jeudi 2 mars 2017 Statut Membre Dernière intervention 5 juillet 2017 - 31 mars 2017 à 11:21
Bonjour,

Voila la partie concernée de mon code, j'ai mis le onchange et j'ai créé les fonctions en bas, j'aimerais savoir là où ça ne marche pas car je ne sais pas quoi faire lol!

Merci d'avance!

Cordialement,



<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label> Nom<sup>*</sup> :</label>
<label>Nom<sup>*</sup> : </label>
<input list="nomajoutuser_list" name="nomajoutuser" id="nomajoutuser" class="form-control" type="text" placeholder="Ex : Delmontier" onchange="myName()"></input>
<datalist id="nomajoutuser_list">';
$requete="SELECT nom_user FROM users";
$resultats= $bdd_connection->query($requete); // liste de nom utilisateur
while($ligne = $resultats->fetch()){
echo'<option value="'.$ligne[0].'">';
}
echo'</datalist>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label> Identifiant<sup>*</sup> :</label>
<input list="idajoutuser_list" name="identuser" id="identuser" class="form-control" type="text" placeholder="Ex : aaaa2222" onchange="myIdentifiant()"></input>
<datalist id="idajoutuser_list">';
$requete="SELECT pseudo_user FROM users";
$resultats= $bdd_connection->query($requete); // liste de id utilisateur
while($ligne = $resultats->fetch()){
echo'<option value="'.$ligne[0].'">';
}
echo'</datalist>
</div>
</div>
</div><!-- /.col -->

<script>
function myName() {
var x = document.getElementById("nomajoutuser").value;
document.getElementById("nomajoutuser").innerHTML = "You selected: " + x;
}
</script>
<div>
<p id="nomajoutuser"></p>
</div>
<script>
function myIdentifiant() {
var x = document.getElementById("identuser").value;
document.getElementById("identuser").innerHTML = "You selected: " + x;
}
</script>
<div>
<p id="identuser"></p>
</div>
A voir également:

2 réponses

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
31 mars 2017 à 11:01
Salut,

Un identifiant doit être unique : deux éléments ne doivent pas avoir le même attribut id.

Crée un identifiant différent pour tes balises <p> et modifie ton code js en conséquence.

Bonne journée,
1
Ndediop Messages postés 101 Date d'inscription jeudi 2 mars 2017 Statut Membre Dernière intervention 5 juillet 2017
31 mars 2017 à 11:21
D'accords je vais faire les modifications et je vous dirai si ça marche.

Cordialement,
0