onchange sur un <select> ne fonctionne pas

hello :)

je n'arrive pas à voir ce qui cloche là dedans, votre oeil averti devrait flasher de suite. ;)

très basique comme code:
1.) afficher dans un select une liste d'utilisateurs
2.) au clic, afficher ses data

le code PHP

Code:

---

1 2 3 4 5 6 7 8 9 10 11

$users=getUsers();   <select onchange="JavaScript:afficherDataUser()" name="users_list" id="users_list" size="<?php echo count($users); ?>"> <?php                 for ($i=0; $i<count($users); $i++)                 {                         echo "<option value=\"" . $i . "\">" . $users[$i]['id'] . "</option>";                 }         ?> </select>

---

le code JS

Code:

---

1 2 3 4 5 6 7

<script type="text/javascript"> function afficherDataUser() { alert('check'); } </script>

---

symptômes
le select se rempli bien avec mes users MAIS lors de la sélection d'un nom, on ne passe pas dans afficherDataUser() puisque je n'ai pas l'alerte...

pourtant la syntaxe semble bonne(??) :roll:

voilà, voilà...

Bonjour,
Ca fonctionne, pourtant.

Code:

---

onchange="afficherDataUser();"

---

N.B. PAS DE CODE PHP dans ce forum !
Seul le code html généré est utile ! (=> "Afficher la source")

j'ai essayé les deux oui

Code:

---

onchange="afficherDataUser();"

---

et

Code:

---

onchange="JavaScript:afficherDataUser()"

---

mais sans succès! :?

c'est bien pour ça que je ne capte pas, pour moi, et donc pour toi aussi, la syntaxe est pourtant bonne! 8O

ça n'a pas de sens! :calim2:

Html généré:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

Liste des utilisateurs existants:<br/><br/> <select onchange="afficherDataUser();" name="users_list" id="users_list" size="3"> <option value="0">toto</option> <option value="1">tata</option> <option value="2">titi</option> </select> <script type="text/javascript"> function afficherDataUser() { alert('check'); } </script>

---

EDIT: idem pour FF & IE

Ce code fonctionne : http://jsfiddle.net/NpFVV/

Regarde la console d'erreur Javascript, ça doit venir d'autre chose dans ta page

Quel est le Html généré COMPLET ?

Car comme dit Mulder SylvainPV :

Citation:

---

"La vérité est ailleurs..."

---

je rechargeais bien ma page avec CTRL+F5 à chaque fois, pour éviter le cache.......... mais j'ai fini par le vider ce ****** de cache et maintenant c'est bon!

tu parles d'un "bug" à la con.............. 8O

merci en tout cas. ;)

question complémentaire cela-dit:

soit le code qui mélange JS (script) & PHP ($users)

Code:

---

1 2 3 4 5 6 7 8

<script type="text/javascript"> function afficherDataUser(user_idx) { alert('indice = ' + user_idx); alert('test: ' + '<?php echo $users[0]['id']; ?>' + ' ' + '<?php echo $users[0]['pass']; ?> '); } </script>

---

alors comment récupérer $users[user_idx] (pour le test je n'affiche que $users[0]...) puisque la couleur noire représente du PHP et le bleu du JS?

le but:
-> afficher les data (login, pass, date) complète du compte utilisateur cliqué
-> soit $users[user_idx]['id'], $users[user_idx]['pass'], $users[user_idx]['date']

ou y-a-t-il moyen de faire plus simplement? 8O

Bonjour,

Tu ne peux pas les passer en paramètre de la fonction et gérer ses valeurs lors de la génération de la page pour son appel?

Si ces valeurs sont liées avec user_idx, tu peux les chercher sur le serveur en utilisant AJAX.

A+.

Heu...... tu peux développer? un exemple pour illustrer? :roll:
pas un pro du JS moi... ;)

EDIT: en fait je viens de trouver beaucoup plus simple:

1.) <option>: je passe à value une chaine "login|pass|date"

2.) et je split cette chaine (séparateur = '|') dans la fct JS pour récupérer mes 3 champs distincts

non?

Ajax :
=> Les meilleurs cours et tutoriels AJAX
Dont : Web 2.0, allez plus loin avec AJAX et XMLHttpRequest

Code:

---

1 2 3 4 5 6 7 8 9

<select onchange="afficherDataUser(this.value);" name="users_list" id="users_list" size="<?php echo count($users); ?>"> <?php                 for ($i=0; $i<count($users); $i++)                 {                         echo "<option value=\"" . $users[$i]['id'] . "\">" . $users[$i]['id'] . "</option>";                 }         ?> </select> <div id="affichage_ajax"></div>

---

Code:

---

1 2 3 4 5 6 7 8 9

<script type="text/javascript"> function afficherDataUser(user_idx) { alert('indice = ' + user_idx); // ICI, on peut récupérer toutes les infos de cet user via AJAX // puis afficher la réponse dans le div "affichage_ajax"   } </script>

---

ok, merci, je vais creuser la question. :ccool: