Javascript 单击时变量在元素循环后保持不变

这是一小段代码，但我无法让它工作。 我有一个动态填充javascript的菜单，我在单击每个按钮时添加一个eventlistener。 现在每个按钮都需要一个不同的功能，所以我循环遍历它们

var list = $("a");
for (var i=0; i<list.length; i++) {
    $(list[i]).on("click",function(){alert(i);});
}

var列表=$（“a”）；
对于（var i=0；i使用，这就是它的用途：

var list = $("a");
list.each(function(index){
    $(this).on("click", function(){alert(index);});
});

循环中i的值会发生变化，但循环完成后i的值为5。每当调用警报时，它都会查找变量i，其值现在为5。您需要将i的增量值存储在每个事物的某个位置。在本例中，我给每个按钮一个名为
data myvalue
的HTML5数据属性>
for (var i=0;i<ins.length;i++){
    ins[i].setAttribute('data-myvalue',i);
    ins[i].addEventListener('click',
           function(){alert(this.getAttribute('data-myvalue'));});
}

for（var i=0；i在html代码中，每当使用onchange事件通过写入来选择项时，调用函数favbrowser

<select id="myList" onchange="favBrowser()">
  <option></option>
</select>



然后在javascript中打印菜单项的名称

<script>
function favBrowser()
{
var mylist=document.getElementById("myList");
alert(mylist.options[mylist.selectedIndex].text);
}
</script>


函数favBrowser（）
{
var mylist=document.getElementById（“mylist”）；
警报（mylist.options[mylist.selectedIndex].text）；
}
使用结束语：非常感谢！这就是我要找的。