Remplir une liste déroulante lors de la sélection d’une option dans une autre liste déroulante Laravel

J’espère que vous passez une bonne journée et je suis très clair pour décrire mon problème 🙂

J’ai un tableau de catégories et un tableau de sous-catégories. De mon sharepoint vue, je veux laisser l’utilisateur choisir une sous-catégorie appartenant à une catégorie pour append un produit (chaque produit appartient à une sous-catégorie). Pour cela, je souhaite montrer aux sous-catégories d’utilisateurs s’il sélectionne une catégorie. Comme lorsqu’il sélectionne des vêtements dans les catégories, je souhaite afficher des sous-catégories telles que les hauts, les shorts, etc.

Comment je fais ça? Juste une idée fonctionnerait.

Merci.

Essaye ça

appelez getjson dans la première liste déroulante, puis transmettez la valeur sélectionnée à url et chargez les résultats dans la deuxième liste déroulante. J’espère que cela vous aide

$(document).ready(function(){ $( "#firstdropdown" ).change(function() { var firstdropselectedvalue= $("#firstdropdown").val(); var url= test.php?selected=firstdropselectedvalue; $.getJSON(url, function(data){ $.each(data, function(index, text) { $('#seconddropdown').append( $('').val(index).html(text); ); }); }); });

});

Pour ceux qui ont un problème:

C’est ma fonction dans mon $(document.ready(function(){})); à mon avis

  $('#firstDropDown').change(function(){ $.getJSON("{{ url('products/fetch-sub-category')}}", { option: $(this).val() }, function(data) { var model = $('#secondDropDown'); model.empty(); $.each(data, function(index, element) { model.append(""); }); }); });

Et voici ce que je reviens de mon contrôleur

  $input = Input::get('option'); $cat = Category::where('catName', '=', $input)->get(); return Response::json($cat, 200);