Eliminer les doublons dans le select box

Version imprimable

Bonjour à tous, j'alimente un sélectbox avec des données de ma base et voulais éliminer les doublons afin que les éléments ne se répètent pas.
voici comment j'ai procédé :
HTML :

Code:

1
2
3
4
5
6
7
8
9
10
     <div class="col-md-6">
	                       <div class="form-group">
		                       	<label class="control-label"><strong>Coût:</strong></label>
												<div class="col-md-9 input-group">
			                   <select class="form-control searchable" style="width:100%;" name="cout" required="" id="select-cout">
			                       	<option value="">Sélectionnez le coût</option>
 
			                  </select>
			          </div>
			 </div>

Js:

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
28
29
30
31
32
33
34
35
36
37
38
39
	$("#select-articles").on("change", function(e){
					var id = $(this).val()
					var qte = $(`option[value=${id}]`).data("qte");
					var perissable = $(`option[value=${id}]`).data("perissable")
 
					var url = '<?php echo base_url("index.php/Articles/get_cout_date_exp/"); ?>'
				$.ajax({
					method: "GET",
					url:'Articles/get_cout_date_exp',
					dataType: "json",
					data: {id : id},
					success: function(data){
					// console.log(data);
					}
 
				}).done(function(data){
					//console.log(data)
					$('#select-cout').empty();
					$('#select-date-exp').empty();
						     var tabCout = new Array();
							 var tabDate = []
							for(var i= 0; i < data.length; i++)
								{
									//console.log("init = "+tabCout)
									if($.inArray(data[i]["cout"],tabCout) == -1)
									{
									tabCout=data[i]["cout"] 
									$('#select-cout').append($('<option/>', { 
								   	value: data[i]["cout"] ,
									text :data[i]["cout"],
									}));
									}
 
 
								}
							})
 
 
			});

27/02/2018, 22h42
ma5t3r

Salut,
Est-ce que ça ne serait pas plus simple de lancer une requête SELECT DISTINCT dans ta méthode get_cout_date_exp ?
Traiter les doublons côté client, ça me semble un peu tiré par les cheveux à moins que tu y sois obligé.
27/02/2018, 23h56
cobos

Bah j'ai essayé mais ça ne passe pas étant donné qu'on peut avoir deux enregistrements de différents coût mais la même date d'expiration
28/02/2018, 00h26
ma5t3r

Je pense qu'il est plus judicieux de réfléchir à la requête.

En php, il existe une fonction array_unique pour supprimer les doublons d'un tableau
http://php.net/manual/fr/function.array-unique.php
28/02/2018, 10h11
cobos

Au fait le filtre se fait sur deux champs la requête serait donc

Code:

SELECT DISTINCT cout, date_expir from lots

le résultat serait parfait si c'était sur un seul champ.

Maintenant le select box je le construit à partir d'une requête ajax, c'est donc le résultat que je veux filtrer.

Ah ok, effectivement, dans ce cas la le DISTINCT ne sert à rien.

Ta "requête" ajax ne retourne que ce que PHP lui envoie. Donc, le mieux est de traiter l'unicité des informations du côté PHP

La fonction array_unique peut être d'un grand secours pour ton cas.

- Tu lances ta requête SQL.
- Tu boucles sur les résultats pour créer le tableau suivant :
Code:

1 2 3 4 5 6 7 8 9 10 11 $my_array = array( "test1-cout 1", "test1-cout 2", "test2-cout 1", "test3-cout 3", "test3-cout 3" ); $data = array_unique($my_array); var_dump($data);
La fonction array_unique ne traite que des chaines.
Il te suffit de boucler sur (ici) $data et de reconstruire un autre tableau à retourner à ton appel ajax

Merci pour ton aide, j'ai pu résoudre le problème avec une autre fonction;

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
28
29
30
31
                                         var tabCout = [];
							 var tabDate = []
							for(var i= 0; i < data.length; i++)
								{
								//	console.log("init = "+tabCout)
 
									if(!tabCout.includes(data[i]["cout"]))
									{
										$('#select-cout').append($('<option/>',{ 
										value: data[i]["cout"] ,
										text :data[i]["cout"],
										}));
										tabCout.push(data[i]["cout"]);
									}
									//console.log("fin = "+tabCout)
									 if(perissable=="on")
									 {
										$("#select-date-exp").attr("disabled", false);
										if(!tabDate.includes(data[i]["date_expir"]))
										{
											$('#select-date-exp').append($('<option/>', { 
								            value: data[i]["date_expir"] ,
								            text : new Date(data[i]["date_expir"]*1000).toLocaleDateString()
								            }));
											tabDate.push(data[i]["date_expir"])
										}
 
 
									 }else{
									 	$("#select-date-exp").attr("disabled", true);
									 }