Discussion :

[almoha]

Bonjour,

J'ai un formulaire à liste déroulante (pour trier une liste de livres) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<?php 
 
 
<form action ="liste.php" method = "get">
<p>
<SELECT name="tri"class="tri_bandeau">
 
                
                
        <option value="titre"<?php if (isset($_GET['tri']) && $_GET['tri'] == "titre" ) {echo 'selected="selected"';} ?>>TITRE</option><!-- PERMET DE GARDER AFFICHAGE OPTION TRI -->
 
	<option value="date_publication<?php if (isset($_GET['tri']) && $_GET['tri'] == "date_publication" ) {echo 'selected="selected"';} ?>">DATE PUBLICATION</option>
 
	<option value="date_achat"<?php if (isset($_GET['tri']) && $_GET['tri'] == "date_achat" ) {echo 'selected="selected"';} ?>>DATE ACHAT</option>
 
	<option value="date_lecture"<?php if (isset($_GET['tri']) && $_GET['tri'] == "date_lecture" ) {echo 'selected="selected"';} ?>>DATE_LECTURE</option>
 
 
		<input type="radio" class="radio_tri_asc" name="senstri" value="ASC" id="ASC" checked="checked"  /> <label for="ASC" class="label_tri_asc">ASC</label>
		<input type="radio" class="radio_tri_desc" name="senstri" value="DESC" id="DESC" <?php if (isset($_GET['senstri']) && $_GET['senstri'] == "DESC" ) {echo 'checked="checked"';} ?> /> <label for="DESC" class="label_tri_desc">DESC</label>
		<label for="trier_par"class="trier_par">Trier les résultats par</label>
 
</SELECT>
 
	<input type="submit" value="Trier"/>
<p/>
<form/>
 
?>

Ce formulaire fonctionne : après avoir cliqué sur le bouton submit, le tri se fait bien. Mais ce que je souhaiterais obtenir avec javascript, c'est la même chose mais sans avoir à cliquer sur un bouton submit. Le fait de sélectionner une option dans le formulaire devrait pouvoir déclencher directement le tri. Ne connaissant pas javascript, pouvez-vous m'aider à obtenir l'effet souhaité ? Merci.

[RomainVALERI]

Essaie ceci :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<SELECT name="tri"class="tri_bandeau" onchange="this.form.submit();">

[Bovino]

Et au passage, tu devrais essayer d'être plus rigoureux avec la syntaxe :

• Le nom des balises en majuscule n'est pas conforme xhtml et pas cohérent avec l'ensemble de ton code.
• Il faut éviter les espaces entre un attribut, le signe = et la valeur de l'attribut.
• A l'inverse, il faut en mettre un avant tout nouvel attribut.
• Une balise fermante débute par le slash ("/"), donc <p/> et <form/>, c'est pas bon.

Enfin, je rappelle que JavaScript est du code client, donc concerne le code HTML généré, merci donc de se conformer aux règles de ce forum et de poster le code HTML et non PHP

[almoha]

Merci à Bovino pour ses conseils de syntaxe dont je vais tacher à l'avenir de tenir compte.
Merci également à RomainVALERI car sa proposition répond à ma problématique En testant, je me suis rendu compte que je souhaitais avoir le même effet lorsque je change le bouton radio sélectionné :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<input type="radio" name="senstri" value="ASC" id="ASC" checked="checked"/><label for="ASC">ASC</label>
<input type="radio" name="senstri" value="DESC" id="DESC"/><label for="DESC">DESC</label>

J'ai essayé d'insérer ce code après les " name="senstri" " :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onchange="this.form.senstri();"

Mais cela ne fonctionne pas. Pouvez-vous m'aider à nouveau ? Merci d'avance.

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onchange="this.form.senstri();"

senstri(), c'est quoi ?

En tout cas, ce n'est pas une méthode native d'un objet de type formulaire...

[almoha]

senstri est l'attribut name des boutons radio. Quant au (), j'ai transposé le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onchange="this.form.submit();"

Mais comme je suis néophyte, je dois m'y prendre mal. Peux-tu m'apporter une aide supplémentaire ? Merci.