PHP

rafraichissement d'un sélect

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : rafraichissement d'un sélect

fourniey

Rendre au prochain

Bonjour,

J'ai deux sélect qui fonctionnent ensemble, c'est-à-dire que le 2e dépend du choix effectué au premier sélect. Ça fonctionne plus ou moins bien à date.

1) quand je clique sur ok, le premier sélect (type) se réinitialise; je voudrais conserver le choix de l'usager

2) Quand je fais un choix dans le premier sélect (type), je voudrais que le 2e sélect (an) soit mis à jour sans cliquer sur ok.

Voici le code des mes deux sélect.

Merci!

Code :

// Sélection du statut
echo '<tr>';
echo '<th width="20%" align="right" height="35">Liste</th>';
echo '<td>';
$type=$_POST['type'];
require("../../config.inc.php" );
$r_type = "SELECT distinct(type),TB_statut.description FROM `ATS_statut`
left join TB_statut on ATS_statut.type=TB_statut.code order by TB_statut.description";
$res = mysql_query($r_type);
echo '<select name="type">';
while($val=mysql_fetch_array($res)) {
echo "<option value=".$val["type"].">".$val["description"]."</option>\n";
if($type == $val["type"]) {echo ' selected="selected"';}
}
echo '</select>';
echo $type;
echo '</td>';
echo '</tr>';
// Sélection de l'année
echo '<tr>';
echo '<th align="right" height="35">Année</th>';
echo '<td>';
$r_an="SELECT distinct(an) FROM `ATS_statut` WHERE type='$type' order by an";
$res = mysql_query($r_an);
echo '<select name="an">';
while($val=mysql_fetch_array($res)) {
echo "<option value=>".$val["an"]."</option>\n";
if($an == $val["an"]) {echo ' selected="selected"';}
}
echo '</select>';
echo $an;
echo '</td>';
echo '</tr>';

Message cité 1 fois

Publicité

weed

fourniey a écrit :

quand tu veux selectionner une valeur par defaut d'un select il faut utiliser l'atribut selected="selected"
http://www.w3schools.com/html/tryi [...] ml_select3
http://www.w3schools.com/html/html_forms.asp

oupsss, j'avais pas vu que tu as eu l'idée de faire ceci. Tu as bien commencé mais tu t'es trompé dans la syntaxe. L'atribut selected="selected" est dans la balise option. <option select="selected">toto</option>

Citation :

2) Quand je fais un choix dans le premier sélect (type), je voudrais que le 2e sélect (an) soit mis à jour sans cliquer sur ok.

plusieurs possibilité pour faire ceci :
- passer par de l'ajax
Au moment ou tu selectionne ton premier select, tu appelles une fonction JS avec l'événement onChange
- qui créé le 2ème select en DOM
- qui fait un submit (rafraichissement de toute la page)

fourniey

Rendre au prochain

J'ai changé le selected et j'obtiens une erreur.

Code :

echo '<select name="type">';
while($val=mysql_fetch_array($res)) {
$selected="";
if($type == $val["type"]) {
$selected=" selected=\"selected\"";
}
echo '<option value='.$val["type"].$selected.'>'.$val["description"] '</option>\n';
}
echo '</select>';

Message édité par fourniey le 16-02-2008 à 15:09:22

fourniey

Rendre au prochain

De cette façon, mon premier sélect est ok.

$selected="";
if($type == $val["type"]) {$selected=" selected=\"selected\"";}
echo '<option value='.$val["type"].$selected.'>'.$val["description"].'</option>\n';

weed

voila très bien en effet ...

Apres, utilises l'évenement onChange sur ton 1er select :

echo '<select name="type" onChange="fsubmit()" >';

et créé toi une fonction JS ou tu submit ton formulaire (par exemple) :

Message édité par weed le 17-02-2008 à 14:51:23

fourniey

Rendre au prochain

je ne suis pas assez famillier pour faire cela.

Je suis entrain d'étudier les listes déroulantes liées entre elles en ajax pour voir ce que je peux faire.

Message cité 1 fois

weed

fourniey a écrit :

je ne suis pas assez famillier pour faire cela.

Je suis entrain d'étudier les listes déroulantes liées entre elles en ajax pour voir ce que je peux faire.

Idéallement c'est bien sur de le faire en Ajax mais seulement dans un premier temps pour te simplifier la tache, il te suffit de submiter la page des qu'il y a un changement lorsque tu change ton premier select.

Donc pour reprendre mon exemple, dans la fonction select, tu fais un truc du genre :

et par contre il te faut bien nommer ton formulaire par "monformulaire"

<form name="monformulaire">

//Tu mets tes selects entre les balises form

</form>

Message édité par weed le 17-02-2008 à 20:59:02

fourniey

Rendre au prochain

Je suis tout mêlé et ça ne fonctionne pas vraiment.

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ATS-Liste</title>
<link href="http://www.ats3r.org/ats.css" rel="stylesheet" media="screen">
</head>
<body>
<div class="conteneur">
<div class="header"><p class="top"><a href="http://www.ats3r.org"><img src="../../site/images/accueil.gif" border="0" alt="Accueil"></img></a></p></div>
<div class="frame">
<?php
echo '<br><br><br><br><br><br><br><br>';
echo '<table align="center" border="15" bgcolor="#AC9F8C" width="40%">';
echo '<tr>';
echo '<th colspan="2"><h2>Liste disponible</h2></th>';
echo '</tr>';
// Sélection du statut
echo '<tr>';
echo '<th width="20%" align="right" height="35" cellpadding="5">Liste</th>';
echo '<td>';
$liste=$_POST['liste'];
require("../../config.inc.php" );
$requete1="SELECT distinct(type),TB_statut.description FROM `ATS_statut`
left join TB_statut on ATS_statut.type=TB_statut.code order by TB_statut.description";
$resultat1=mysql_query($requete1) or die ("Exécution de la requête impossible" );
echo '<form method="POST" action="">';
echo '<select name="liste" onchange="this.form.submit();">';
echo '<option></option>';
while($val=mysql_fetch_array($resultat1)) {
$selected="";
if($liste == $val["type"]) {$selected=" selected=\"selected\"";}
echo '<option value='.$val["type"].$selected.'>'.$val["description"].'</option>\n';
}
echo "</select>\n";
echo "</form>";
echo '</td></tr>';
echo '<form method="GET" action="l_voir.php">';
if (isset($_POST['liste'])) {
require("../../config.inc.php" );
$requete2="SELECT distinct(an) FROM `ATS_statut` WHERE type='$liste' order by an";
$resultat2=mysql_query($requete2) or die ("Exécution de la requête impossible" );
}
echo '<th align="right" height="35">Année</th>';
//Création d'un formulaire contentant une liste de sélection
echo '<td>';
echo '<select name="an">';
while($val=mysql_fetch_array($resultat2)) {
echo "<option value=>".$val["an"]."</option>\n";
}
echo "</select>\n";
echo '</td></tr>';
echo '<tr>';
echo '<th align="right" height="35">Type</th>';
echo '<td>';
echo '<select name="type">';
echo '<option value="liste_tel">Liste téléphonique</option>';
echo '<option value="Liste_adr">Liste d\'adresse</option>';
echo '</select>';
echo '</td>';
echo '</tr>';
echo '<tr>';
echo '<td colspan="2" align="center" height="40">';
//echo '<input type="hidden" name="liste" value='.$liste.'>';
//echo '<input type="hidden" name="annee" value='.$an.'>';
//echo '<input type="hidden" name="type" value='.$type.'>';
echo '<input type="submit" value="Visualiser la liste"></td>';
echo '</tr>';
echo '</form>';
echo '</table>';
echo '</div>';
echo '<div class="footer"></div>';
echo '</div>';
echo '</tr>';
?>
</body>
</html

Message édité par fourniey le 17-02-2008 à 21:01:22

weed

fourniey, tu n'as pas voulu m'ecouter et en faire qu'a ta tete ^^, je te conseillé de passer par une fonction javascript pour etre sur de la syntaxe et tu t'es planté

echo '<select name="liste" onchange="this.form.submit();">';

à remplacer par :

echo '<select name="liste" onChange="javascript:this.form.submit();" >';

J'ai trouvé ton erreur en faisant une recherche google sur l'expression : this.form.submit
Regarde le 2ème lien comme exemple :
http://www.google.fr/search?client [...] che+Google

essaie cela. Maintenant les valeurs doivent etre envoyé lorsque tu fais un changement de ton premier select ...

fourniey

Rendre au prochain

Ben non, je ne connais pas le javascript. Pour ça, je l'évite.

Le select de liste fonctionne très bien.

Message édité par fourniey le 17-02-2008 à 21:24:23

Publicité

fourniey

Rendre au prochain

Au départ, j'ai essayé de le faire AJAX mais je n'y arrivais pas alors, j'ai essayé autre chose.

cette ligne n'Est pas exécutée: <select size="1" name="type" OnChange="sendData('id='+this.value,'lire_an.php')" onKeyUp="sendData('id='+this.value,'lire_an.php')">

Code :

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ATS-Liste</title>
<link href="http://www.ats3r.org/ats.css" rel="stylesheet" media="screen">
<script type="text/javascript">
/** Permet d'envoyer des données en GET ou POST en utilisant les XmlHttpRequest */
function sendData(param, page)
{
if(document.all)
{
//Internet Explorer
var XhrObj = new ActiveXObject("Microsoft.XMLHTTP" ) ;
}//fin if
else
{
//Mozilla
var XhrObj = new XMLHttpRequest();
}//fin else
//définition de l'endroit d'affichage:
var content = document.getElementById("contenu" );
XhrObj.open("POST", page);
//Ok pour la page cible
XhrObj.onreadystatechange = function()
{
if (XhrObj.readyState == 4 && XhrObj.status == 200)
content.innerHTML = XhrObj.responseText ;
}
XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
XhrObj.send(param);
}
//fin fonction SendData
</script>
</head>
<body>
<div class="conteneur">
<div class="header"><p class="top"><a href="http://www.ats3r.org"><img src="../../site/images/accueil.gif" border="0" alt="Accueil"></img></a></p></div>
<?php
echo '<div class="frame">';
echo '<form method="POST" action="ME_liste.php">';
echo '<br><br><br><br><br><br><br><br>';
echo '<table align="center" border="15" bgcolor="#AC9F8C" width="40%">';
echo '<tr>';
echo '<th colspan="2"><h2>Liste disponible</h2></th>';
echo '</tr>';
// Sélection du statut
echo '<tr>';
echo '<th width="20%" align="right" height="35">Liste</th>';
echo '<td>';
$type=$_POST['type'];
require("../../config.inc.php" );
$r_type = "SELECT distinct(type),TB_statut.description FROM `ATS_statut`
left join TB_statut on ATS_statut.type=TB_statut.code order by TB_statut.description";
$res = mysql_query($r_type);
?>
<select size="1" name="type" OnChange="sendData('id='+this.value,'lire_an.php')" onKeyUp="sendData('id='+this.value,'lire_an.php')">
<?php
while($val=mysql_fetch_array($res)) {
$selected="";
if($type == $val["type"]) {$selected=" selected=\"selected\"";}
echo '<option value='.$val["type"].$selected.'>'.$val["description"].'</option>\n';
}
echo '</select>';
echo '</td>';
echo '</tr>';
//include_once('lire_an.php');
echo '<th align="right" height="35">Type</th>';
echo '</tr>';
echo '<tr>';
echo '<th align="right" height="35">Tri</th>';
echo '</tr>';
echo '<tr>';
echo '<td colspan="2" align="center" height="40"><input type="submit" value="Visualiser la liste"></td>';
echo '</tr>';
echo '</table>';
echo '</form>';
echo '</div>';
echo '<div class="footer"></div>';
echo '</div>';
?>
</body>
</html

Message édité par fourniey le 17-02-2008 à 21:41:11

FORUM HardWare.fr

Programmation

PHP

rafraichissement d'un sélect

Sujets relatifs
Problème de rafraichissement	Rafraichissement de la page sur postback : vers une solution Ajax ?
Problème avec checkbox	[RESOLU] Excel Macro : Sheet-Range.select avec ActiveX
Modification innerHTML d'un select	Envoi de requête grâce à un select
[JS] REmplacer la valeur d'un form, select ou option dynamiquement	[Struts]Probleme récupération de la valeur d'un html:select
Problème avec un select	[PHP][DOM] balises select non envoyé au serveur
Plus de sujets relatifs à : rafraichissement d'un sélect

Page générée en 0.111 secondes