remplissage d'un input lors d'une autocompletion

riadh8 · 27/07/2011, 14h46

salut, en réalisant un système d'auto-complete en ajax sur un champ code postal, j'ai fait deux pages: form.php et post.php .
Ma page form.php contient le champ input de type text et le script jquery d'autocompletion. Et post.php contient la requête.
Ma question est : comment envoyer la variable du code postal selectionné et la récupérer dans le champ de type text dans form.php? j'ai essayé de récupérer la valeur dans une variable nommée valeur mais comment l'envoyer je n'ai aucune idée. aidez moi svp et merci infiniment.

voici mon code du page form.php:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <link href="css/form.css" rel="stylesheet" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="js/jquery.js"></script>
    <script>
    $(document).ready(function() {
 
      /*Autocomplete*/
      $('#postal').keyup(function(){
        $field = $(this);
        $('#resultat').html('');
 
        if($field.val().length>1){
            $.ajax({
               type: 'POST',
               url: 'post.php',
               data: 'postal='+$('#postal').val(),
 
               success: function(data){
                $('#resultat').html(data);
               }
            });
        }
 
        }); 
    });
 
    </script>  
</head>  
<body>
  <form action="form.php" method="POST" id="formulaire">
       <input class="text" id="postal"  type="text" name="inputtext"/>
  </form>
</body>
</html>

voici mon code du page post.php

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<script src="js/jquery.js"></script>
<script>
$(document).ready(function() {
    $(".itemlink").click(function(){
       valeur = this.text;
 
    });
});
</script>
 
<?php
if(!empty($_POST)&& !empty($_POST['postal'])){
    extract($_POST);
    $postal = strip_tags($postal);
 
    require('connect.php');
    $req = $bdd->query("SELECT code FROM post WHERE code LIKE '%$postal%' ORDER BY id");
    if($req->rowCount()>0)
    {
        echo '<ul class="box">';
        while($data = $req->FETCH(PDO::FETCH_OBJ))
        {
            echo '<li class="item"><a class="itemlink">'.$data->code.'</a></li>';
        }
        echo '</ul>';
    }
    else
    {
        echo 'Aucun résultat';
    }
}
else{
    echo'Aucun résultat';
}
?>

andry.aime · 27/07/2011, 15h12

Bonsoir

Citation:

$('#resultat').html('');

Il n'y a pas d'élément avec l'id=resultat dans ton code.

A+.

Bovino · 27/07/2011, 15h21

Code :

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

1
2
3
4
5
6
7
8
9
<script src="js/jquery.js"></script>
<script>
$(document).ready(function() {
    $(".itemlink").click(function(){
       valeur = this.text;
 
    });
});
</script>

cette partie là n'a rien à faire dans le fichier appelé

D'autant que rappeler le fichier jQuery est particulièrement maladroit...

riadh8 · 27/07/2011, 16h52

cette partie existe dans post.php , l'autocompletion fonctionne correctement mais mon seule problème comment envoyer la valeur sélectionnée dans cette autocomplete vers l'autre page form.php et l'affecter dans input.

27/07/2011, 16h52	#4
riadh8 Membre à l'essai Développeur Web Inscription : novembre 2007 Messages : 65 Détails du profil Informations personnelles : Localisation : Tunisie Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : novembre 2007 Messages : 65 Points : 20 Points : 20	slt cette partie existe dans post.php , l'autocompletion fonctionne correctement mais mon seule problème comment envoyer la valeur sélectionnée dans cette autocomplete vers l'autre page form.php et l'affecter dans input.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email