How to dynamically populate options on dropdown lists based on selection in another dropdown?

Question

I have a table which has the information of a category, say a product. I have listed them in a dropdown menu. Now, what I need to do is, list the sub category of the selected category in a next dropdown menu. I hope, javascript is required, but I am not that familiar with javascript yet.

Would be much thankful for the help.

Try these plus2net.com/php_tutorial/php_drop_down_list3.php plus2net.com/php_tutorial/php_drop_down_list.php — zod
– zod, Commented Oct 13, 2010 at 20:46

Fabian Horlacher · Accepted Answer · 2016-03-04 17:06:19Z

3

You should use AJAX.

With jQuery it is very simple:

$('#select1').change(function(){
$.ajax({
   //Send to php script category id. This script returns all subcategories
   $.ajax({
      type: "POST",
      url: location.href,
      data: data,
      success : function (data)
      {   
         // Your return categories in data
         // Append list options to select2
      } 
});
});

edited Mar 4, 2016 at 17:06

Fabian Horlacher

1,9101 gold badge24 silver badges31 bronze badges

answered Oct 12, 2010 at 7:13

Alex Pliutau

22k28 gold badges115 silver badges144 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

khany Over a year ago

should that first $.ajax be there?

Collectives™ on Stack Overflow

How to dynamically populate options on dropdown lists based on selection in another dropdown?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related