Liste déroulante dynamique

Fermé
Iss_ Nasralli - Modifié par Iss_ Nasralli le 26/06/2013 à 16:41
 Iss_ Nasralli - 27 juin 2013 à 01:21
Bonjour,


Je veux créer deux listes déroulantes dans la même page web(php). Enfaite ma base de données MySQL contient deux tables 'article(id_article, lib_article)' et 'sous_article'(id_sous_article,#id_article,lib_sous_article), la première liste(statique) doit contenir tous les articles, selon le choix article de l'utilisateur, l'autre liste (dynamique) se charge par les sous-articles correspondants.

Merci d'avance de répondre.


A voir également:

2 réponses

>Merci d'avance de répondre.

Quelle est la question? Un problème pour ce que vous voulez?

Utilisez Ajax.
0
Désolé si mon sujet n'était pas bien claire.

J'ai chercher un site qui réalise mon besoin, j'ai affiché la source de la page( en jsp) et j'ai essayé d'adapter le code à ma page web:
<table>
<tr>
	<td> Article:
		<select name="article"  id="article" onChange="getSousArticle();" >
			<option selected value="">----choisir l'article---</option>
			<?php 
				mysql_connect("localhost","root","") or die("impossible de se connecter au serveur");
				mysql_select_db("article")or die("base de donne inexistant");
				$requete = "select * from article;";
				$listeArticle=mysql_query($requete);
				while($row = mysql_fetch_array($listeArticle))
				{
				echo '<OPTION VALUE="'.$row['id_article'].'">'.$row['lib_article'];
				}
				
			 ?>
		</select>
	 <td valign="top">Sous article<div id='div_sous_article' style='display:inline'>
                              <select size="1"  id="sous_article" name="sous_article" option="option" value=" ";>
                              </select>
                          </div></td>
                     
</table>

	<script type="text/javascript">
		var http = createRequestObject();
		function createRequestObject(){
			var request_;
			var browser = navigator.appName;
			if(browser == "Microsoft Internet Explorer"){
				request_ = new ActiveXObject("Microsoft.XMLHTTP");
			}
			else{
				request_ = new XMLHttpRequest();
			}
			return request_;
		}
		function getSousArticle(){
			http.open('get', 'get_sous_articles.php?id_article='+ document.getElementById('article').value);
			http.onreadystatechange = handleInfo_SousArticle;
			http.send(null);
		}

		function handleInfo_SousArticle(){
			if(http.readyState == 1){
				document.getElementById('loading').innerHTML='<img src=../images/loading.gif>';
			}
			if(http.readyState == 4){
				var response = http.responseText;
				alert(response);
				document.getElementById('loading').innerHTML="";
				document.getElementById('sous_article').innerHTML = response;
			}
		}	
	</script>



la page get_sous_articles.php:
<?php 
mysql_connect("localhost","root","") or die("impossible de se connecter au serveur");
mysql_select_db("article")or die("base de donne inexistant");
$requete = "select * from sous_article where id_article='".$_GET['id_article']."';";
$listeArticle=mysql_query($requete);
while($row = mysql_fetch_array($listeArticle))
{
echo '<OPTION VALUE="'.$row['id_sous_article'].'">'.$row['lib_sous_article'];
 }
?>



La liste des sous article reste toujours vide!!!??? je sais pas ou est l'erreur!!??

Remarque : voilà la page que j'ai trouvé:http://www.cnam.nat.tn/e-cnam/pages/recherche_prof.jsp
0