Discussion :

[ThisioOo]

Bonjour bonjour,

J'ai une liste déroulante avec des catégories dedans

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<select name="categorie">
	<option value="GSP">Grossiste Sanitaire Plateforme</option>
	<option value="GSA">Grossiste Sanitaire Agence</option>
	<option value="GE">Grossiste Electro</option>
	<option value="C">Cuisiniste</option>
	<option value="M">Ménagiste</option>
	<option value="DIY">DIY (GSB)</option>
	<option value="CH">CHAINS (GSS)</option>
	<option value="SI">Site Internet</option>
        <option value="D">Divers</option>
	<option value="SAV">Station SAV</option>
</select>

et j'ai plusieurs remises qui sont aussi des listes déroulantes

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
 
<div class="container">
	<div class="Row">
		<div class="col-sm-2">
			FRANKE SANITAIRE: 
		</div>
		<div class="col-sm-3">
			<select name="remiseS">
				<option>40</option>
				<option>45</option>
				<option>40+7</option>
				<option>55</option>
				<option>Autre</option>
			</select>
		</div>
	</div>
</div></br>
 
<div class="container">
	<div class="Row">
		<div class="col-sm-2">
			PACKS INCONTOURNABLE: 
		</div>
	<div class="col-sm-3">
		<select name="RemiseI">
			<option>40</option>
			<option>45</option>
			<option>40+7</option>
			<option>55</option>
			<option>Autre</option>
		</select>
	        </div>
         </div>
</div></br>
<div class="container">
	<div class="Row">
		<div class="col-sm-2">
			FRANKE HOTTE: 
		</div>
		<div class="col-sm-3">
			<select name="remiseH">
				<option>40</option>
				<option>45</option>
				<option>40+7</option>
				<option>55</option>
				<option>Autre</option>
			</select>
		</div>
	</div>
</div></br>
<div class="container">
	<div class="Row">
		<div class="col-sm-2">
			KWC: 
		</div>
		<div class="col-sm-3">
			<select name="remiseKWC">
				<option>40</option>
				<option>45</option>
				<option>40+7</option>
				<option>55</option>
				<option>Autre</option>
			</select>
		</div>
	</div>
</div></br>

J'aimerai bien que les remises changent en fonction de la catégorie

Merci à ceux qui prendront le temps de me lire

[Invité]

Bonjour,


.: "Listes déroulantes liées, avec ou sans Ajax"

[ThisioOo]

Bonjour,

C'est intéressant comme sujet, mais il y a des subtilités que je n'arrives pas à comprendre parce que mes remises sont en dur et non dans ma BDD et du coup je ne vois pas comment faire sans les données dans la BDD

j'ai essayé de faire

Code :

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

1
2
3
4
5
6
 
$("select[name='categorie']").change( function() {// lorsqu'une nouvelle catégorie est sélectionné
	if($('#categorie option[value="GSP"]').prop('selected', true)){
		$('#remiseS option[value="55"]').attr('selected', true);
	}
});

mais sans succès

[Invité]

Bonjour,

lis ce tuto : Créer des listes déroulantes liées entre elles sans utiliser Ajax

Les options des listes déroulantes sont dans des variables JS.
Pas besoin de base de données externe.

[ThisioOo]

Bonjour,

Sauf erreur de ma part avec cette méthode on "attribue" les anciens régions aux nouvelles. Ce n'est pas ce que je souhaite, j'aimerais que toutes les options soit disponible peut importe l'option sélectionné dans le premier. Il faudrait juste que certaines options des autres <select> soit selected en fonction de l'<option> selected du premier

[ThisioOo]

J'ai finis par trouver une chose qui marche, c'est possible que ce ne soit pas opti mais ça marche

Code :

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

1
2
3
4
5
6
7
8
 
$("#categorie").change(function(){
	if($(this).val() == 'GSP'){
		$('[name=remiseS]').val('55').change();
		$('[name=remiseI]').val('40').change();
		$('[name=remiseH]').val('45').change();
        }
});

j'ai pioché des informations à droite à gauche donc ça m'a quand même aidé, merci

[Invité]

OK.
On peut aussi passer les valeurs via un array/objet JS.

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
"use strict";
const categories = {
  'GSP': ['55','40','45','45'],
  'GSA': ['40','40+7','Autre','55'],
  'GE': ['Autre','55','45','Autre'],
  'C': ['40','','55','Autre'],
  // ...
}
 
$(function(){
 
  $("#categorie").on('change', function(){
    let cat = $(this).val();
    if( typeof categories[cat] != 'undefined' )
    {
      $('[name=remiseS]').val( categories[cat][0] );
      $('[name=remiseI]').val( categories[cat][1] );
      $('[name=remiseH]').val( categories[cat][2] );
      $('[name=remiseKWC]').val( categories[cat][3] );
    }
  });
 
});