Liste déroulante dynamique
Iss_ Nasralli
-
Iss_ Nasralli -
Iss_ Nasralli -
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.
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:
- Liste déroulante dynamique
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Tableau croisé dynamique - Guide
- Liste code ascii - Guide
- Liste déroulante google sheet - Accueil - Guide bureautique
2 réponses
>Merci d'avance de répondre.
Quelle est la question? Un problème pour ce que vous voulez?
Utilisez Ajax.
Quelle est la question? Un problème pour ce que vous voulez?
Utilisez Ajax.
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:
la page get_sous_articles.php:
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
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