ajax + remplir un input à partir du choix d'une liste déroulante

8/17/2019 Ajax + remplir un input à partir du choix d'une liste déroulante

1/15

Forums Tutoriels Magazine FAQs Blogs Chat NewsletterÉtudes Emploi Club Contacts

Discussion: Ajax + remplir un input à partir du choix d'une liste déroulante

Vos recrutements informatiques700 000 développeurs, chefs de projets, ingénieurs, informaticiens...

Contactez notre équipe spécialiste en recrutement

Accueil ALM Java .NET Dév. Web EDI Programmation SGBD Office Solutions d'entreprise

Applications Mobiles Systèmes Dév. Web AJAX Apache ASP CSS Dart Flash / Flex JavaScript

PHP Ruby TypeScript Web sémantique Webmarketing (X)HTML

ACCUEIL AJAX FORUM AJAX FAQ AJAX TUTORIELS AJAX LIVRES AJAX

CDD CDI

CDI

CDI

re (DGSI) recrute un ingénieur ns web h/f

DGSI - Ile de France - Levallois-Perret

(92300)

Ingénieur Développeur scientifique web H/FSOGETI High Tech - Ile de France - ISSY-LES-

MOULINEAUX (92136)

Chargé de recette pour leader e-commerce top 10du web françaisMobiskill - Ile de France - Paris (75000)

Index du forum

Webmasters - Développement Web

JavaScript, AJAX, TypeScript & DartAJAX

Ajax + remplir un input à partir du choixd'une liste déroulante

Page 1 sur 2 1 2 Dernière

Outils de la discussion

04/08/2009, 19h30

Ajax + remplir un input à partir du choix d'une liste

déroulante

Bonjour tout le monde ^^

J'ai un petit problème !Je dispose d'une liste déroulante avec plusieurs choix

Selon le choix sélectionné par l'utilisateur j'aimerais afficher dutexte dans un input

j'ai donc un fichieressai.php

#1

Inscrit en:Messages:

Étudiantmai 200737

Points: 9

sofuzion

Invité régulier

Se souvenir de moi ?

S'inscrireAide

x + remplir un input à partir du choix d'une liste déroulante http://www.developpez.net/forums/d789020/webmasters-developpeme...

r 15 28/10/2015 22:20


2/15

Code:

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

1

2

3

4

5

6

7

8

9

10

11

12

13


3/15

Répondre avec citation 0 0

04/08/2009, 20h14

Salut,Probablement parce que tu n'envoies pas la bonne valeur :

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

1

2

categorie = sel.options[sel.selectedIndex].valu

xhr.send("nom="+nom);

ce ne serait pas plutôt :

Code:


1

2

categorie = sel.options[sel.selectedIndex].valu

xhr.send("nom="+categorie);

#2


Développeur Web juin 200823 781

Points:Billets dans le blog:

91 28620

Bovino

Rédacteur

Pas de question technique par MP !

Tout le monde peut participer à developpez.com, vous avezune idée, contactez-moi !

Mes formations video2brain : La formation complète surJavaScript • JavaScript et le DOM par la pratique • PHP 5 etMySQL : les fondamentaux

Mon livre sur jQueryModule Firefox / Chrome d'intégration de JSFiddle et

CodePen sur le forum


05/08/2009, 08h21

Bonjour,Attention, tu as deux fois l'id idNomAnimal, un id doit êtreunique.

Pourquoi tu mets une balise select dans le retour:

#3

Inscrit en:

Messages:

septembre2007

7 126

andry.aime

Rédacteur/Modérateur

Selon le choix sélectionné par l'utilisateur j'aimerais afficher

du texte dans un input

echo "";


r 15 28/10/2015 22:20


4/15

Points: 12 098


06/08/2009, 14h01

@Bovino : exact dans le code que j'ai mis :p ya une petiteerreur de copier coller =)

@andry.aime : bien vu pour l'id j'ai changéet le select c'est parce que je n'ai pas mis tout le reste du codeassez long ! j'aurais pas du le mettre

sinon je voulais savoiren fait, j'ai deux listes déroulantes liéesdonc l'utilisateur sélectionne une catégorie présentes dans lapremière listeà partir de là, la deuxième se met à jour grâce à ajax (j'yrajoute des options)

et ensuite l'utilisateur sélectionne un nom à partir de ladeuxième liste et là j'aimerais donc afficher des informationsprésentes en bdd, les mettre dans des input et autre ^^

pourtant je fais exactement la même chose .. je ne comprendspas pourquoi cela ne fonctionne pas

trop d'ajax tue l'ajax ? :p

#4


Étudiantmai 200737

Points: 9

sofuzion

Invité régulier


06/08/2009, 15h01

Pour les 2 listes liées, utilises un retour XML pour charger tonsecond liste, utiliser innerHTML pour changer ou créer unélément pose souvent des problèmes.http://www.developpez.net/forums/d77...te-liees-ajax/Pour remplir les input, tu fais de même façon mais au lieu deremplir une liste,

tu mets le contenu de l' XML dans les input avec le onchange dela seconde liste.

#5

Inscrit en:

Messages:

septembre2007

7 126Points: 12 098

andry.aime



06/08/2009, 15h03

oki merci pour la rapidité de ta réponse

#6

sofuzion

Invité régulier


r 15 28/10/2015 22:20


5/15

je vais tester ça de suite !


Étudiantmai 200737

Points: 9


06/08/2009, 16h38

oki mes deux premières listes c'est ok j'ai remplie la première à la main, ensuite la deuxièmes'actualise selon le choix dans la première

sinon au niveau de change2() :

Code:


1

2

3

4

5

6

7

8

9

1011

12

13

function change2()

{

var xhr = getX

// On défini c

xhr.onreadysta

{

var rs

var it

documefor(va

{

je ne sais pas trop comment faire pour mettre un input à laplace de la liste

#7


Étudiantmai 200737

Points: 9

sofuzion

Invité régulier


07/08/2009, 08h41

Bonjour,Par exemple si ton php retourne:

Code XML:

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

1

2

3

4

56

Livre1

12312321

12/10/2008

Code HTML Sélectionner tout - Visualiser dans une fenêtre

#8

Inscrit en:

Messages:

septembre2007

7 126Points:

andry.aime



r 15 28/10/2015 22:20


6/15

: à part

1

2

3

Titre :

Isbn :

Date de publication


7/15

9

10

11

12

$connect= mysql_connect("local

mysql_select_db("bdd_arche") o

$res = mysql_query("SELECT * F

while($row = mysql_fetch_assoc

ajaxFiche.php

Code:


1

2

3

4

5

6

7

8

9

10

11

12

13


8/15

Ca je te le confirmeonchange est un attribut JavaScript qui contient du code

JavaScript, celui-ci n'est donc pas évalué lors d'une insertiondans le DOM, il faut affecter ces événements par script aprèsl'insertion, du style :

Code:


1

2

3

4

5

6

7

8

9

10

xhr.onreadystatechange = function(){

var rst = xhr.responseXML;

var items=rst.getElementsByTagName('el

document.getElementById('nom').options

for(var i=0;i


9/15

Code:


1

2

var rst = xhr.responseText;

document.getElementById('inputNom').value=rst;


08/08/2009, 15h37

@andry.aime : je vais garder le xml j'ai plusieurs input c'est juste que là j'en test un seul pour voir déjà que ça fonctionne^^

@bovino : j'ai rajouté la ligne

Code:


1

2

document.getElementById('nom').onchange = funct

mais ça ne change rien ...on dirait toujours qu'on ne rentre pas dans change2()

#12

Inscrit en:

Messages:

Étudiantmai 2007

37Points: 9

sofuzion

Invité régulier


08/08/2009, 15h44

Arf... oui, c'est tellement gros que je ne l'avais même pas vu !

Code:


1

2

3

4

5

6

7

8

9

10





for(var i=0;i


10/15

1

2

3

4

5

6

7

8

9

1011

12


if(xhr.readyState == 4 && xhr.status == 20




for(var i=0;i


11/15


11/08/2009, 15h04 #16


Étudiant

mai 200737

Points: 9

sofuzion

Invité régulier


ur 15 28/10/2015 22:20


12/15

Oui bien sûr :

voici mon code de ma page essai.php

Code:


1

2

34

5

6

7

8

9

10

11

12

13

"

et le code de ma page ajaxFiche.php

Code:


1

2

34

5

6

7

8

9

10

11

12

13


13/15

12/08/2009, 07h36

Re,Attention à la casse.

C'est valable aussi pour les noms des tables de la base. Souswindows la casse n'est pas respecté pour la base de donnéesmais sous linux oui. Tu pourras avoir des problèmes lors del'hébergement de ton site.

Inscrit en:

Messages:

septembre2007

7 126Points: 12 098

andry.aime


xhr.send(" N om="+nom);

.......

isset($_POST[" n om"]) .......

WHERE Nom='".$_POST[" n om"]."'


24/08/2009, 08h34

En ce qui concerne l'ordre des items, je pense avoir compris leproblème (j'ai eu le même!).Après l'exécution de la fonction change(), les items de la 2ndeliste déroulante sont triés en décroissant et celui qui est proposépar défaut est le dernier. Ex: 3 items dans la liste (item1, item2,item3) et c'est item3 qui est affiché alors que cela devrait êtreitem1.Pour contourner cela, il faut ajouter dans la fonction change(), juste avant l'appel de la fonction change2() la ligne suivante:

Code:


1

2

document.getElementById('nom').selectedIndex =

#18


mars 2003144

Points: 81

jfox

Membre régulier


25/08/2009, 13h32 #19


Étudiantmai 200737

Points: 9

sofuzion

Invité régulier


ur 15 28/10/2015 22:20


14/15

Index du forum Webmasters - Développement Web

JavaScript, AJAX, TypeScript & Dart AJAX

Ajax + remplir un input à partir du choix d'une liste déroulante

CDI

CDI

CDI

O F F R E S D ' E M P L O I I T

Ingénieur javascript fullstack (h/f)Urban Linker - Ile de France - Paris

Musicien JavaScript Confirmé - Startup Musicale à Londres - UKMobiskill - Royaume-Uni - Londres

Développeur Javascript (H/F)CTS - Bretagne - Grand Ouest

Voir plus d'offres Voir la carte des offres IT

« Discussion précédente | Discussion suivante »

Bonjour !

Merci pour votre aide

@andry.aime : merci pour l'info c'est vrai que je n'avais pas faisattention !!

@jfox : l'ordre des items est correct avec ça merci

Mais sinon j'ai toujours mon problème :/on dirait que ma fonction change2() n'est jamais appelé ..elle ne se déclenche jamais ...


25/08/2009, 13h46

Re,Attention, tu as une erreur sur ton php:

Code:


echo '';

Installe Firebug et décrit l'erreur retourner

#20

Inscrit en:

Messages:

septembre

20077 126

Points: 12 098

andry.aime


echo '


15/15

Responsable bénévole de la rubrique AJAX : Xavier Lecomte - Contacter par email

Nous contacter Participez Hébergement Informations légales Partenaire : Hébergement WebCopyright © 2000-2015 - www.developpez.com


ajax + remplir un input à partir du choix d'une liste déroulante

Documents