remplissage d'un input lors d'une autocompletion
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:
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:
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';
}
?> |