begin process at 2012 05 29 12:50:06
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

lier 3 listes deroulantes


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

lier 3 listes deroulantes

jeudi 20 janvier 2011 à 11:59:39 | lier 3 listes deroulantes

rhouya

bonjour à tous je veux lier 3 liste deroulantes avec du javascript et du php mais je n'y arrive pas je vais vous montrer mon code et si quelqu'un s'y connait , jetez un petit coup d'oeil pour m'aidez .
merci d'avance


Code PHP :
<?php 
 
	$connect = mysql_connect("localhost","root","mysql") or die ("connexion impossible");
	mysql_select_db ("j3c",$connect) ;
	
	if ($connect)
	{
	echo "vous êtes connecté";
	}
else
{
echo "non connecté";
}

 
if(empty($_POST['nom_marque']))
	{
		$error['nom_marque']=true;
		
	}
	else
	{
		$nom = $_POST['nom_marque'];
		$error['nom']=false;
	}	
	if(empty($_POST['nom_gamme']))
	{
		$error['nom_gamme']=true;
		
	}
	else
	{
		$prenom = $_POST['nom_gamme'];
		$error['nom_gamme']=false;
	}



?> 
<html>
	<head>
		<title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
		<script type='text/javascript'>
			var xhr = null; 
	 
			function getXhr(){
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
			}
			
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function go(){
				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('gamme').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","java.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
				// ici, l'id de l'auteur
				sel = document.getElementById('marque');
				idm = sel.options[sel.selectedIndex].value;
				xhr.send("idm="+idm);
			}
			function goesp(){
				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('categorie').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","java.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
				// ici, l'id de l'auteur
				sel = document.getElementById('gamme');
				idg = sel.options[sel.selectedIndex].value;
				xhr.send("idg ="+idg);
			}
		</script>



<form method = 'post' action  = 'java.php'>
			<fieldset style="width: 700px">
				<legend>Liste liées</legend>
				<div id = "<?php $marque ?>" style='display:inline'>
				<label>marque</label>
				<select name='marq'  >
					<option value='-1'>Aucun</option>
					<?php

	
	
		$res1 = mysql_query("SELECT idm,n_marque  FROM marque");
		while($row = mysql_fetch_assoc($res1))
	
		{
			echo "<option value='".$row["idm"]."'>".$row["n_marque"]."</option>";
		}

	
	echo "</select>";
	
?>
</div>
				<label>gamme</label>
				<div id='gamme' style='display:inline'>
				<select  name='gam' onchange = 'go()'>
					<option value='-1'>Choisir une gamme</option>
					<?php

	
		
		$res1 = mysql_query("SELECT n_gamme, idm  FROM gamme, possede where gamme.idg = possede.idg  where idm = $idm");
		
		while($row = mysql_fetch_assoc($res1)){
			echo "<option value='".$row["idm"]."'>".$row["n_gamme"]."</option>";
		}

	
	echo "</select>";
	
	
?>
				</select>
				</div>
				<label>categorie</label>
				<div id='categorie' style='display:inline' >
				<select name='categ' onchange = 'goesp()'>
					<option value='-1'>Choisir une categorie</option>
					<?php
 
	
	
		$result = mysql_query("SELECT idc,n_categ  FROM categorie  ");
		while($row = mysql_fetch_assoc($result)){
			echo "<option value='".$row["idc"]."'>".$row["n_categ"]."</option>";
		}

	
	echo "</select>";
	
?>
				</select>
				</div>
			</fieldset>
		</form>


Cette discussion est classée dans : function, sel, post, xhr, gamme


Répondre à ce message

Sujets en rapport avec ce message

[AJAX] Plusieurs Champs mis à jour à partir d'un seul [ par Souboc ] Bonjour, En m'inspirant d'un tuto, je souhaite mettre à jour plusieurs champs de formulaire en fonction du choix fait dans une dropdown. Voilà mon co DOM! [ par jnbdzjnbdz ] Questions comment je retire le contenue d'un dans un element. Jai essayer avec tout les facons que jai vue sur Internet et il en pas une qui marche. J Javascript/XML/XSL [ par bewonder ] Bonjour,Je souhaite juste charger un document XML et un document XSL afin de les fusionner pour afficher le résultat dans un div.Mais je butte sur un ajax/xmlhttprequest [ par David_monchy ] salut à tous,je développe un chat, et j'ai un problème: j'utilise une liste de connectés qui affiche en 'temps reel' les membres connectés. Seulement, xmlhttprequest et select [ par cseagle ] Bonjour tout le monde, Suite à la source d'Antomicro pour son chat sur phpcs (http://www.phpcs.com/code.aspx?ID=32681) j'ai decidé d'essayer de tra une seul variable post passe avec ajax ? [ par caviar ] Saluté...j'ai un petit problème bizare avec une fonction ajaxen fait un seul des paramètres que je veux envoyer à mon script php passe apparamentsi le Probleme traitement de donnée d'un formulaire recuperer en ajax [ par ssabard ] Bonjour j'ai un soucis je n'arrive pas a recuperer les values des select et input text remplit a l'aide d'ajax pour traiter un formualire.J'ai une lis Mettre à jour la 3e liste déroulante en même temps que la seconde liste déroulante [ par beegeezzz ] Bonjour tout le monde,J'ai lié trois listes déroulantes avec ajax.La première liste déroulante contient par exemple :BA1BA2BA3Quand je choisis BA2, le Problème pour crer une classe pour faire de l'ajax...pleaseHELP !!! [ par diversjms ] Bonjour à tous et merci de me lire !!Afin de faire de l'ajax propement je souhaite créer tous d'abord  une classe pour faire de simple requete asyncrh Génération des champs select et input dynamique / Listes liées [ par daris ] Bonjour;J'essaie de générer deux(2) listes liées et aussi des input dynamiquement avec ajax et javascript mais dure dure...Mon code ne marche pas norm


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,312 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales