How do I prevent my dropdown from closing when clicking inside it?

Question

I\'m using Bootstrap to create a dropdown for my website, but I am having some problems with it.

On my website, if clicked on \"Select Populations\" the popup will a

Answer 1

'.dropdown-menu' catches the the bubble. There is no need to catch elements inside of the dropdown in this case.

e.stopPropagation() prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.

$('.dropdown-menu').on('click', function(e) {
  e.stopPropagation();
});