vérifier qu'un choix a été effectué dans une liste déroulant

Version imprimable

bonjour je voudrais trouver la fonction javascript pour être sûr qu'on est fait un choix dans la liste déroulante avant de passer à la page suivante.
voici mon code:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <select id="ff_elem161" name="ff_nm_choice[]";" size="1" style="width:250px;" class="inputbox"> <option value="none" selected="selected">Select méta-model</option> <? global $database,$mosConfig_absolute_path; $database->setQuery("SELECT * FROM #__meta_modele"); $rows = $database->loadObjectList(); foreach($rows as $row) { echo "<option value=" . $row->name_meta_modele . ">" . $row->name_meta_modele . "</option>"; } ?> </select> <a href="javascript:ff_switchpage(2)">passer à la modélisation</a>
je voudrais donc qu'un message d'alerte apparait lorsqu'on clic sur "passer à la modélisation" et qu'on est pas fait de choix dans la liste déroulante.

est ce que quelqu'un pourrait me dire comment faire?je suis sûr que c'est tout con mais je ne vois pas.merci d'avance.

17/02/2006, 13h55
le Daoud

Tu peux ajouter un choix par défaut qui affiche "Choisissez" par exemple. A la validation tu vérifies que la valeur sélectionnée est bien différente de cette valeur par défaut.

ba j'ai un choix par défaut:

Code:

1
2
 
<option value="none" selected="selected">Select méta-model</option>

donc je fais ça?

Code:

1
2
 
<a href="javascript:ff_switchpage(2)" onclick="if (ff_elem161.selectIndex==selected) alerte('choisissez un méta-modele";">passer à la modélisation</a></

17/02/2006, 14h12
SpaceFrog

selectedIndex vaut -1 si rien n'est selectionné ...

ba zut, j'ai mis
Code:

1 2 <a href="javascript:ff_switchpage(2)" onclick="if (ff_elem161.selectedIndex==-1) alert('choisissez un méta-modele');">passer à la modélisation</a>
et même si je choisit rien il m'autorise à passer à la page suivante

17/02/2006, 14h38
SpaceFrog

Code:

<a href="javascript:ff_switchpage(2)" onmousedown="if (ff_elem161.selectedIndex==-1) {alert('choisissez un méta-modele');return false;}">passer à la modélisation</a>

bon ça veut pas. j'ai tester ce que tu m'as données.

mais je modifiais mon code pour que mon formulaire soit compris dans des balse <div>
mais rien à faire
:(

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<div id="ff_div161" style="position:absolute;left:10px;top:40px;"><select id="ff_elem161" name="ff_elem161" size="1" style="width:250px;" class="inputbox"><option value="none" selected="selected">Select méta-model</option>
<?
global $database,$mosConfig_absolute_path;
 
$database->setQuery("SELECT * FROM #__meta_modele");
 
$rows = $database->loadObjectList();
 
foreach($rows as $row)
{
	echo "<option value=" . $row->name_meta_modele . ">" . $row->name_meta_modele . "</option>";
}
?>
</select></div><div id="ff_div162" style="position:absolute;left:10px;top:90px;">
<a href="javascript:ff_switchpage(2)" onmousedown="if (document.getElementById('ff_elem161').selectedIndex==-1) {alert('choisissez un méta-modele');return false;}">passer à la modélisation</a></div>

si tu vois une solution ...

17/02/2006, 15h32
SpaceFrog

ben normal tu teste si rien n'est selectionné alors que tu demandes à ce que la première option soit selectionnée ... (selected ...)

teste ==0

pour quoi ne pas faire :

Code:

1
2
 
<a href="javascript:if (document.getElementById('ff_elem161').selectedIndex==0) {alert('choisissez un méta-modele');return false;}else{ff_switchpage(2)}" }">passer à la modélisation</a>

je pense que cela marche :?:

17/02/2006, 16h10
karibouxe

merci beaucoup à vous deux ça marche. :D