Faire une recherche à partir d'un input et afficher information dans d'autres input

**thetrollman** · 19/03/2014, 16h17

Bonjour ,

J'aimerai faire quelque chose de semblable à ce site http://www.codemashups.com/source/jq...tocomplete-p1/. Mais au lieu d'afficher dans un tableau moi c'Est sur plusieurs input. Je cherche un numéro de projet et il m'affiche le nom du client. Coté recherche et autocomplete pour mon champ projet c'est nickel. Me manque la partie apres avoir écrit le numéro de projet complet m'afficher en temps réel le nom du client. Je le fais en html, php base de donnée phpmyadmin avec requete sql ainsi que l'utilisation de javascript. J'ai fais des pages de test avant de l'inclure dans mon vrai site web. voici ma page autocomplete.php

Code html :

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

1
2
3
4
5
6
7
8
9
<html>
   <head>
        <script type="text/javascript"
        src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript"
        src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
        <link rel="stylesheet" type="text/css"
        href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" />
        <script type="text/javascript">

Code :

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

1
2
3
4
5
6
$(document).ready(function(){
    $("#name").autocomplete({
        source:'getautocomplete.php',
        minLength:1
    });
});

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
        </script>
   </head>
   <body>
      <form method="post" action="">
            <input type="text" id="name" name="name" />
      </form>
      <form method="post" action="">
            <input type="text" id="client" name="client" />
      </form>
   </body>
<html>

et voici ma page getautocomplete.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
$con = mysql_connect($host_name,$user_name,$pass_word) or die(mysql_error());
mysql_select_db($database_name, $con) or die(mysql_error());
 $term=$_GET["term"];
 $query=mysql_query("select * from projets where proNum like '%".$term."%' order by proNum");
 $json=array();
    while($student=mysql_fetch_array($query)){
         $json[]=array(
                    'value'=> $student["proNum"],
                    'label'=>$student["proNum"]
                        );
    }
 echo json_encode($json);
?>

Des solutions svp?

**m4riachi** · 19/03/2014, 16h47

Code :

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

1
2
3
4
5
6
$("#client_id").autocomplete({
		"source":"page.php",
		"select":function( event, ui ) {
			$("#nom_client").val(ui.item.nom_client);
		}
	});

et le retour ajax doit recemblé à ça [{"client_id":"22","nom_client":"toto"}]

**SpaceFrog** · 19/03/2014, 16h54

D'ou mon conseil d'aller voir dans la console à quoi ressemble le retour. ...

**thetrollman** · 19/03/2014, 18h11

Je n'ai pas trouvé dans la console le retour du ajax

Code :

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

1
2
3
4
5
6
7
8
event.returnValue is deprecated. Please use the standard event.preventDefault() instead.
XHR finished loading: "http://localhost/testing/getautocomplete.php?term=07". jquery.min.js:4
send jquery.min.js:4
f.extend.ajax jquery.min.js:4
a.isArray.options.source.string.source jquery-ui.min.js:12
a.widget._search jquery-ui.min.js:12
a.widget.search jquery-ui.min.js:12
(anonymous function)

Juste ca que ca m'indique.

**SpaceFrog** · 20/03/2014, 08h26

http://eric-pommereau.developpez.com...irebug/#LV-B-3

**thetrollman** · 20/03/2014, 14h48

m4riachi,
J'ai essayé ton code et cela n'a pas fonctionné

Code :

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

1
2
3
4
5
6
$(document).ready(function(){
    $("#client").autocomplete({
        source:'test.php',
        minLength:1
    });
});

Le plus proche c'est mais encore la ce n'est pas ce que je veux premièrement il ne va pas voir dans le premier input, deuxièmement il me suggere seulement et moi je veux qu'il me complète mes informations de mon premier input. Exactement comme le site web montré dans mon problème.

Faire une recherche à partir d'un input et afficher information dans d'autres input

jQuery

Discussions similaires

Partager

Partager