Bonjour,

Voila je ne suis pas à l'aise avec js du coup j'ai trouvé un truc faisant l'affaire adapé à mes besoins.

Tout marche cependant la proposition issu de la base de donnée ce fait dès la première lettre saisie et je souhaiterais que ça soit à partir de 3 lettre saisie minimum.

<input type="text" name="country" id="country" class="form-control" placeholder="Exemple: Lyon" /> 
									<div id="countryList"></div> 
									</div>
							
									
								 <script>  
									 $(document).ready(function(){  
										  $('#country').keyup(function(){  
											   var query = $(this).val();  
											   if(query != '')  
											   {  
													$.ajax({  
														 url:"search.php",  
														 method:"POST",  
														 data:{query:query},  
														 success:function(data)  
														 {  
															  $('#countryList').fadeIn();  
															  $('#countryList').html(data);  
														 }  
													});  
											   }  
										  });  
										  $(document).on('click', 'li', function(){  
											   $('#country').val($(this).text());  
											   $('#countryList').fadeOut();  
										  });  
									 });  
									 </script> 

Coté php

<?php  
 $connect = mysqli_connect("localhost", "root", "", "plateforme");  
 if(isset($_POST["query"]))  
 {  
      $output = '';  
      $query = "SELECT Nom_commune, Code_postal FROM villes_de_france WHERE Nom_commune LIKE '%".$_POST["query"]."%'";  
      $result = mysqli_query($connect, $query);  
      $output = '<ul class="list-unstyled">';  
      if(mysqli_num_rows($result) > 0)  
      {  
           while($row = mysqli_fetch_array($result))  
           {  
                $output .= '<li>'.$row["Nom_commune"].'</li>';  
           }  
      }  
      else  
      {  
           $output .= '<li>Ville inexistante</li>';  
      }  
      $output .= '</ul>';  
      echo $output;  
 }  
 ?>  

Hello

Ton sujet n'est vraiment pas clair, je ne suis pas sur d'apporter la bonne réponse.

Je pense que si tu ajoutes un " && query.lenght >=3" à ton teste ligne 10, cela va déclencher le processus uniquement lorsque ta query contiendra 3 lettres.

En espérant t'avoir aidé.

Je comprends l'instruction qui dit en gros si différent de vide et si query fait plUS DE 3 caractères.

Mais ça ne marche pas.

<script>  
									 $(document).ready(function(){  
										  $('#country').keyup(function(){  
											   var query = $(this).val();  
											   if(query != ''&& query.lenght >=3 )  
											   {  
													$.ajax({  
														 url:"search.php",  
														 method:"POST",  
														 data:{query:query},  
														 success:function(data)  
														 {  
															  $('#countryList').fadeIn();  
															  $('#countryList').html(data);  
														 }  
													});  
											   }  
										  });  
										  $(document).on('click', 'li', function(){  
											   $('#country').val($(this).text());  
											   $('#countryList').fadeOut();  
										  });  
									 });  
									 </script> 

Bonjour,

la propriété s'écrit length et non lenght

Salut, 

ça ne fonctionne pas car tu as mis .lenght au lieu de .length Voici :

var query = $(this).val(); 
if(query && query.length >= 3){

Juste une petite faute de frappe

Lol, top, parfait les gars,

Merci