Discussion :

[Supernatural]

Bonjour,

Je génère par PHP des 'Select' en fonction d'un choix à partir d'une ComboBox.

Le nombre de 'Select' est donc différent selon le choix...

Ma question est comment je peux faire en Javascript pour récuperer les noms de mes 'Select' pour pouvoir contrôler qu'un choix à été fait.

Mon code:

Code HTML :

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
 
<form name="Fill">
		<table class="table table-striped">
				<thead>
					<tr>
						<th>Chronologie</th>
						<th>Désignation</th>
						<th>Unité</th>
						<th>Moyen de contrôle</th>
						<th>Valeur de référence</th>
						<th>Valeur</th>
					</tr>
				</thead>
				<tbody>
				<?php
                                        if($Ligne=="Cette valeur"){
                                                $filename = 'txt/Monfichier1.txt';
                                                $ligne= file($filename);
                                                $nbTotalLignes=count($ligne);
                                                $tab = array();
                                                for($i=0;$i<$nbTotalLignes;$i++){$ligneTab[] = explode(";", $ligne[$i]);}
                                                
                                                for($j=0;$j<sizeof($ligneTab);$j++){
                                                        echo '<tr>
                                                                        <td>'.$ligneTab[$j][0].'</td>
                                                                        <td>'.$ligneTab[$j][1].'</td>
                                                                        <td>'.$ligneTab[$j][2].'</td>
                                                                        <td>'.$ligneTab[$j][3].'</td>
                                                                        <td>'.$ligneTab[$j][4].'</td>
                                                                        <td><select name="Choix'.$j.'" class="form-control">
                                                                                <option value="Choix">Choix</option>
                                                                                <option value="Oui_">Oui</option>
                                                                                <option value="Non">Non</option>
                                                                                </select></td>
                                                                  </tr>';
                        
                }
                                        }
                                        else{
                                                $filename = 'txt/monfichier2.txt';
                                                $ligne= file($filename);
                                                $nbTotalLignes=count($ligne);
                                                $tab = array();
                                                for($i=0;$i<$nbTotalLignes;$i++){$ligneTab[] = explode(";", $ligne[$i]);}
                                                
                                                for($j=0;$j<sizeof($ligneTab);$j++){
                                                        echo '<tr>
                                                                        <td>'.$ligneTab[$j][0].'</td>
                                                                        <td>'.$ligneTab[$j][1].'</td>
                                                                        <td>'.$ligneTab[$j][2].'</td>
                                                                        <td>'.$ligneTab[$j][3].'</td>
                                                                        <td>'.$ligneTab[$j][4].'</td>
                                                                        <td><select name="Choix'.$j.'" class="form-control">
                                                                                <option value="Choix">Choix</option>
                                                                                <option value="Oui">Oui</option>
                                                                                <option value="Non">Non</option>
                                                                                </select></td>
                                                </tr>';}
                                        };
                                
                                
                                ?>
				</tbody>
			</table>
			<hr>
		<div class="input-group">
			<span class="input-group-addon" id="sizing-addon2">Intervenant</span>
			<input name="intervenant" type="text" class="form-control" aria-describedby="sizing-addon2">
		</div>
		<hr>
		<div class="form-group">
			<label for="comment">Commentaire(s):</label>
			<textarea class="form-control" rows="5" name="comment"></textarea>
		</div>
		</form>
		<button onClick="Check();" class="btn btn-success">Valider et imprimer le process confirmation</button>

La partie Javascript:

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
function Check(){
 
 
			if (document.Fill.Choix0.value=="Choix") {alert("Sélectionner un choix pour la chronologie n°  1!");return false;}
			else if (document.Fill.Choix1.value=="Choix") {alert("Sélectionner un choix pour la chronologie n°2!");return false;}
			else if (document.Fill.Choix2.value=="Choix") {alert("Sélectionner un choix pour la chronologie n°3!");return false;}
			else if (document.Fill.Choix3.value=="Choix") {alert("Sélectionner un choix pour la chronologie n°4!");return false;}
			else if (document.Fill.Choix4.value=="Choix") {alert("Sélectionner un choix pour la chronologie n°5!");return false;}
			else if (document.Fill.Choix5.value=="Choix") {alert("Sélectionner un choix pour la chronologie n°6!");return false;}
			else if (document.Fill.Choix6.value=="Choix") {alert("Sélectionner un choix pour la chronologie n°7!");return false;}
			else if (document.Fill.Choix7.value=="Choix") {alert("Sélectionner un choix pour la chronologie n°8!");return false;}
			else if (document.Fill.Choix8.value=="Choix") {alert("Sélectionner un choix pour la chronologie n°9!");return false;}
			else if (document.Fill.Choix9.value=="Choix") {alert("Sélectionner un choix pour la chronologie n°10!");return false;}
			else if (document.Fill.intervenant.value=="") {alert("Veuillez saisir votre nom!");return false;}
			else if (document.Fill.comment.value=="") {alert("Sélectionner un commentaire!");return false;}
			else {
				alert('Tous est bon!');}
		}

Mon problème est que je voudrais faire une boucle pour récupérer les 'Select' présents dans mon form en fonction de mon choix.


Merci par avance

[NoSmoking]

Bonjour,
tu peux récupérer tes <select> en utilisant la méthode querySelectorAll().

Code :

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

var oSelects = document.querySelectorAll('SELECT');

ou encore comme ils posséde un name commençant de la même façon

Code :

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

var oSelects = document.querySelectorAll('name^="Choix"');

[Supernatural]

Ok, ça marche pour moi

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
function Check(){
    var oSelects =document.querySelectorAll('select');
    var h=1;
    for (var i = 0; i < oSelects.length; i++) {
        if (oSelects[i].value=="Choix") {alert("Sélectionner un choix pour la chronologie n°"+(i-h)+"!");return false;}
													  }
    if (document.Fill.intervenant.value=="") {alert("Saisir votre nom!");return false;}
    else if (document.Fill.comment.value=="") {alert("Saisir un commentaire!");return false;}
    else {alert('tout est bon');}
        }