LISTE lie à un INPUT

Version imprimable

27/02/2009, 09h47
yanesty

LISTE lie à un INPUT

Bonjour à tous,

J'ai trouvé sur ce site le tutoriel pour débuter en AJAX, c'est très bien.
J'ai réussi à faire des liste liées par contre je voudrais l'adapter pour lier une liste à un champ INPUT, c'est à dire quand je fait un choix dans la liste que le champs input soit rempli automatiquement.Je n'arrive pas à faire cela.

avez vous une idée pour m'aider?

Merci d'avance
27/02/2009, 10h01
Bovino

Code:

ton_input.value = ta_liste.value;

Si le contenu que tu veux copier est le value de l'option sélectionnée,

Code:

ton_input.value = ta_liste.text;

si tu veux que ce soit le texte de l'option.

Mon problème c'est mon input est générer dynamique par function javascript:

Code:

1
2
3
4
5
function selectUnite(numero)
{	
	var toReturn = "<td><input name=\"unite[]\" type=\"text\" id=\"unite_" + numero + "\" onchange=\"\" size=\"10\" ></td>";
	return toReturn;
}

ensuite j'ai le script ajax :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function goes(numero){
				var xhr = getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('unite_'+numero).innerHTML = leselect;
 
		}
	}
 
	// Ici on va voir comment faire du post
	xhr.open("POST","ajaxUnite.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form- urlencoded');
	// ne pas oublier de poster les arguments
	sel = document.getElementById('determination_'+ numero);
	determination = sel.options[sel.selectedIndex].value; 
	xhr.send("determination="+determination);
}

Et Voici le script PHP ajaxUnite.php:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<?php

	$determinant_chimique= $_POST["determination"];
	
	$unite=unite_determination_chimique($determinant_chimique);
	
	if(isset($determinant_chimique)){ton_input.value = ta_liste.value;

		 echo "JE NE SAIS PAS QUOI METTRE ICI":aie:
		
	}else {echo "il y a un problème";}
?>

27/02/2009, 12h04
andry.aime

Tu dois mettre

Code:

document.getElementById('unite_'+numero).value = leselect;

au lieu de

Code:

document.getElementById('unite_'+numero).innerHTML = leselect;

J'ai modifier ma function mais le problème n'est pas regler:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function goes(numero){
				var xhr = getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('unite_'+numero).value= leselect;
 
		}
	}
 
	// Ici on va voir comment faire du post
	xhr.open("POST","ajaxUnite.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form- urlencoded');
	// ne pas oublier de poster les arguments
	sel = document.getElementById('determination_'+ numero);
	determination = sel.options[sel.selectedIndex].value; 
	xhr.send("determination="+determination);
}

Mon souci est que je n'ai aucune valeur dans value de input.
Je voudrai lui donner une valeur en passant par le script php, ce sue je n'arrive pas à faire.
Merci

27/02/2009, 14h45
andry.aime

Installe Firebug et pour que tu puisse avoir une console d' erreur précise!:bug:
27/02/2009, 16h11
yanesty

Merci. Tout marche convenablement.