Jquery autocomplete dans un tableau

Question

phico

27 Apr 2013 à 17:53

Bonjour,

Je souhaite encoder une facture. Après la référence du client, j'encode en boucle les références des produits.

Le premier m'affiche correctement les références mais les les autres encodage de produits n'activent plus l'autocomplete.

Une idée ?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />

  <title>Demo</title>
  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css" type="text/css" /> 
</head>
<body> 

<?PHP
include ("./include/mes_fonctions.php"); 
open_db();

if ( !isset($_PUT['no_cli']) )
	{
	$no_cli='';
	$nom='';
	$prenom='';
	}
	

?>

	<form action='' method='put'>
		<p><label>Client :</label><input type='text' name='numero' id='cherche'></input>
		<label>Nom :</label><input type='text' id='nom' name='nom' ></input>
		<label>Prénom :</label><input type='text' id='prenom' name='prenom' ></input></p>
		<?PHP
		for ($i=0;$i < 10;$i++)
		{
		?>
		<p><label>Référence :</label><input type='text' name='reference[]' id='produit'</input>
		<label>Libellé :</label><input type='text' id='prod_libelle' name='libelle[]' ></input>
		<label>Prix :</label><input type='text' id='prod_prix' name='prix[]' ></input></p>
		<?PHP
		}
		?>
		
		
	</form>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.min.js"></script>	
<script type="text/javascript">
$(function() {
dataType: 'json';
	
	//autocomplete
	$("#cherche").autocomplete({
		source: "getautocomplete.php",
		minLength: 3,
		
		select : function(event, ui)
		{ 
        $('#cherche').val( ui.item.value ),
		$('#nom').val( ui.item.nom ),
		$('#prenom').val( ui.item.prenom );
	
		}
	});				
	
	$("#produit").autocomplete({
		source: "rech_produits.php",
		minLength: 3,
		
		select : function(event, ui)
		{ 
        $('#produit').val( ui.item.value ),
		$('#prod_libelle').val( ui.item.libelle ),
		$('#prod_prix').val( ui.item.prix );
	
		}
	});
});
</script>
</body>
</html>

Sujet clos