[itzik elyahou]

Hello all
I am directing a list from JS to an HTML div. the list is all printed on that div. however, i want to program it so that clicks on every list item will cause different action from the app. Clicking on each item will open a drop-down menu which will allow actions only rellevant to itself.
please help me find a way which will allow different actions for different item instead of one action to all items (as shown below).
Thanks a lot
Isaac

JS part
document.getElementById("List").innerHTML=Diamonds.rows[0];
document.getElementById("List").innerHTML=Diamonds.rows[1];

HTML part
<div id=MainDiv style="overflow: scroll; -webkit-transform: translate3d(0px, 0px, 0); -webkit-transition: 0ms linear;" data-pull-scroller='true' data-footer='footerui'>
<span id="List" style="color:white; font-size:32px; text-transform:uppercase; border-color:white; border-width:10px; border-style:solid"> </span>
</div>