jQuery Girl
  1. jQuery Girl
  3. Filtrer les options de sélection selon le choix principal
Intereting Posts
jQuery change de famille de police et de taille de police Quel événement jquery est déclenché lors de la définition d’une valeur d’entrée avec val ()? Fonction de contrôle Web / jQuery pour l’affichage d’images à partir d’une firebase database? Comment déterminez-vous quelle soumission a été utilisée pour soumettre un formulaire avec jQuery? Sélectionnez une zone / un rectangle en javascript Le champ de formulaire anti-falsification requirejs «__RequestVerificationToken» n’est pas présent dans l’appel ajax Comment déclencher une requête ajax en stop de défilement? Défilement infini détectant le bas de la page uniquement s’il n’y a rien en dessous Obtenir ‘ne peut pas lire la propriété’ hors largeur ‘d’un bootstrap non défini utiliser ajax beforeSend pour modifier des données dans jqgrid treegrid, comment puis-je spécifier que je veux que les données soient réduites par défaut (même si toutes les données sont chargées) La progression de la barre de progression ne se met pas à jour à l’intérieur d’une boucle Internet Explorer: l’état de survol devient permanent lorsque l’élément DOM cible est déplacé dans le DOM object ne prend pas en charge la propriété ou la méthode datepicker plusieurs galeries de grids d’images justifiées – appel / balisage lightbox personnalisé avec lightgallery

Filtrer les options de sélection selon le choix principal

Je crée des zones de sélection où je dois limiter mes options en fonction du choix effectué dans le primaire.

En gros, j’ai les Select field 1 et Select field 2 .

Les données pour ces sélections sont analysées à partir d’une firebase database.

Sélectionnez le champ 1: 

 errortype_id | errortype_text

Sélectionnez le champ 2: 

 errorreason_id | errortype_id | errorreason_text

Existe-t-il un moyen simple de personnaliser les données d’option dans le Select field 2 fonction du choix effectué dans le Select field 1 ? J’ai la variable / atsortingbut à filtrer dans la table de Select field 2 .

entrez la description de l'image ici

Voir cette question . En gros, vous devez append un événement change et cocher $(this).val() . À partir de là, il vous suffit de créer des éléments d’option et de les append en tant que HTML à votre zone de sélection 2. 

 $('#select1').change(function() { var options = ''; if($(this).val() == 'a') { options = ''; } else if ($(this).val() == 'b'){ options = ''; } $('#select2').html(options); });

EDIT: Je ne comprenais pas si vous vouliez réellement filtrer les valeurs, supprimer des valeurs ou en append autant que vous le souhaitez. Si vous voulez vraiment filtrer les éléments, vous pouvez utiliser mon événement change et le combiner avec .filter () .