Bootstrap сформировать выпадающий список на лету через js
 

Всем привет!

<div class="container-fluid">
<div class="row">



<div class="col-md-2 ColorMy">

<div class="btn-group">

<a class="btn dropdown-toggle" data-toggle="dropdown" href="#" onclick="TipMenyhca()">
Тип
<span class="caret"></span>
</a>

<ul class="dropdown-menu">
<li><a href="#" onclick="alert(44)" >По алфавиту</a></li>
<li><a href="#" onclick="Sort('Банан')" >Банан</a></li>
<li><a href="#" onclick="Sort('Картофель')" >Картофель</a></li>
<li><a href="#" onclick="RisStroci()" >Все товары</a></li>
</ul>

</div>

</div>


<div class="col-md-2 ColorMy">Категория</div>
<div class="col-md-2 ColorMy">Количество</div>
<div class="col-md-2 ColorMy">Поставщик</div>
<div class="col-md-2 ColorMy">Дата поставки</div>
<div class="col-md-2 ColorMy">Цена</div>


</div>
</div>

Нужно сформировать выпадающий список на лету через js