Rendre une combobox obligatoire apres avoir choisi un item specifique dans une autre combobox

Version imprimable

Bonjour j'aimerais savoir comment peut on rendre une listbox obligatoire apres avoir selectionné un item specifique dans une autre listbox juste avant?

Je pense a une condition du genre :

Code:

1
2
3
if (label : Type_appel.Selecteditem= central reservation){
label : Orgine_appel is required
}<br><br>

Voici la structure de mes listbox :

Listbox1

Code:

1
2
3
4
5
6
7
8
9
 <p>
        <label>Type de l'appel</label>
                <select name="label:Type_appel" required="true">
                        <option value="">Choisir</option>
                        <option value="Central reservation">Central de R&eacuteservation</option>
                        <option value="Administration">Administration</option>
            <option value="Autre">Autre</option>
                </select>
    </p><br><br>

istebox2 qui doit etre obligatoire que quand je choisi central de réservation dans la listebox d'avant.

Code:

1
2
3
4
5
6
7
8
9
10
<p>
        <label>Origine de l'appel</label>
        <select name="label:Origine_appel">
                        <option value="none">Choisir</option>
                        <option value="Reunion">R&eacuteunion</option>
                        <option value="Allemagne">Allemagne</option>
            <option value="Metropole">M&eacute;tropole</option>
                        <option value="Etranger">&Eacute;tranger</option>
                </select>
    </p>

10/01/2014, 09h32
SpaceFrog

passe par un flag boolean ..
10/01/2014, 10h30
chipmunkette

C'est a dire ? Comment on fait sa ?
10/01/2014, 11h29
SpaceFrog
sur le onchange du premier select verifie la valeur selectionnée

si elle rend l'autre la seconde selection obligatoire met ton flag a true
si non met le flag à false

lors de la soumission du form il ne te reste pls qu'a faire le test sur le flag
Code:

1 2 3 4 if (flag) { // ici le test de selectedIndex > -1 }

Tu pourrais me montrer un exemple plus explicite par rapport a mon stp car je n'ai jamais vu cette syntaxe de flag.

JE pense a sa mais je ne crois pas que la syntaxe soit bonne.

Code:

1
2
3
4
5
6
7
8
9
function verifvaleur(){
    var selectElmt = document.getElementById(selectId);
    return selectElmt.options[selectElmt.selectedIndex].value;
    var selectValue = getSelectValue('label:Type_appel');
    if(flag){
        selectValue = "Central reservation";
        return true                       
    }
}

10/01/2014, 12h29
NoSmoking

Bonjour,
lereturn selectElmt.options[selectElmt.selectedIndex].value; en plein milieu de fonction fera que le code qui suit ne sera pas interprété.

Tu récupères la valeur du 1st SELECT et si non vide alors tu récupères la valeur du 2nd SELECT...etc..

Ou un truc comme sa ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
     <script type="text/javascript">
                function verifvaleur(){
                     var flag = true
                     if( ?.label:Type_appel.value !='Central reservation'){
                         flag = false
                    }
                    else{
                        //champ  label :Origine_appel obligatoire
 
                    }
                }
              </script>

10/01/2014, 13h51
SpaceFrog

Code:

if( ?.label:Type_appel.value !='Central reservation'){

c'est du js ça ?

Correction du code

Bonjour voici la correction du code javascript

Code:

1
2
3
4
5
6
7
8
9
10
function verification(){
	var origine_appel_required=false;
	if(document.getElementById('Type_Appel').value == "Central reservation" && document.getElementById('Origine_Appel').value == "" ) origine_appel_required=false;
	if(document.getElementById('Type_Appel').value == "Central reservation" && document.getElementById('Origine_Appel').value != "" ) origine_appel_required=true;
	if(origine_appel_required == false ){
		   alert ("Merci de renseigner l'origine de l'appel !");
			return false;
	}
	return true;
}

Mon Form

Code:

 <form name="irt"  id="irt" action="http://<?php echo $_SERVER['SERVER_NAME'];?>/modules/Webforms/capture.php" method="post" accept-charset="utf-8" onSubmit="return verification();">

Mes combobox :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<p>
		<label>Type de l'appel</label>
                <select name="label:Type_appel" id="Type_appel" required="true">
                        <option value="">Choisir</option>
                        <option value="Central reservation">Central de R&eacuteservation</option>
                        <option value="Administration">Administration</option>
			<option value="Autre">Autre</option>
                </select>
        </p>
 
	<p>
		<label>Origine de l'appel</label>
		<select name="label:Origine_appel" id="Origine_appel">
                        <option value="none">Choisir</option>
                        <option value="Reunion">R&eacuteunion</option>
                        <option value="Allemagne">Allemagne</option>
			<option value="Metropole">M&eacute;tropole</option>
                        <option value="Etranger">&Eacute;tranger</option>
                </select>
	</p>

J'ai l'impression que quand je clique sur envoyer il ne verifie pas !

13/01/2014, 08h23
SpaceFrog

Citation:

J'ai l'impression que quand je clique sur envoyer

il est ou "envoyer" ?

montre nous ton bouton submit et ta balise form ...

Regarde :

Code:

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
<form name="irt"  id="irt" action="http://<?php echo $_SERVER['SERVER_NAME'];?>/modules/Webforms/capture.php" method="post" accept-charset="utf-8" onSubmit="return verification();">
 
        <p>
		<label>Type de l'appel</label>
                <select name="label:Type_appel" id="Type_appel" required="true">
                        <option value="">Choisir</option>
                        <option value="Central reservation">Central de R&eacuteservation</option>
                        <option value="Administration">Administration</option>
			<option value="Autre">Autre</option>
                </select>
        </p>
 
	<p>
		<label>Origine de l'appel</label>
		<select name="label:Origine_appel" id="Origine_appel">
                        <option value="none">Choisir</option>
                        <option value="Reunion">R&eacuteunion</option>
                        <option value="Allemagne">Allemagne</option>
			<option value="Metropole">M&eacute;tropole</option>
                        <option value="Etranger">&Eacute;tranger</option>
                </select>
	</p>
 
	<p>
		<input type="submit" name="BoutonEnvoyer" value="Envoyer"></input>
	</p>
        </form>