var html = "<ul>" +
"<li>First list item</li>" +
"<li>Second list item </li> +
"</ul>";
$("#elementWhereYouWantToLoadThisHTML").html(html);
This will load the ul/li.
To make the ul,li a dropdown, you can use bootstrap classes like below from
[
^] :
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JavaScript</a></li>
</ul>
</div>