How to substitute the selected category in the list title from the drop-down menu?

Question

JavaScript

Hey!! I really need help, how to implement such a menu as in Yandex Metrica - buttons, filters, and especially a drop-down menu with a choice of a filter category - so that when you click on a drop-down menu item, the name goes into the drop-down list header? Not strong in JS, maybe there are some plugins, in a casual conversation, a colleague said what is done through JSON ?? Is there any way to ease the pain? Tell me please.

Answer 1

<a href="#" class="detailBy">Детализация: <span>по трафику</span></a>
<ul class="sm">
<li>по трафику</li>
<li>по кошкам</li>
<li>по рафику</li>
<ul>

$('.sm li').on('click', function(){
    var value = $(this).text();
   $('.detailBy span').text(value);
});