a 태그 onclick 이벤트 처리

<%
for(int i=1; i %>
- <%=menulist.get(i).getMenuName()%>

<script type="text/javascript">
function updatePosition(){
<%
String updateURL = "main.jsp?menu1st="+menu1st+"&menu2ed="+menulist.get(i).getMenuParent()+"&menu3rd="+menulist.get(i).getMenuNo();
menulistDAO.loginPosition(updateURL, menId);
%>
location.href = "<%=menulist.get(i).getMenuUrl() %>";
}
</script>
<%
}
%>

- 메뉴1 (i=1)

- 메뉴2 (i=2)

- 메뉴3 (i=3)

for문을 돌려서 메뉴 표시는 위와 같이 나오는데요.

a태그에 직접 href="<%=menulist.get(i).getMenuUrl() %>"로 링크를 걸어주면 i값이 메뉴에 맞게 1,2,3으로 설정이 되는데요.

onclick로 location.href = "<%=menulist.get(i).getMenuUrl() %>";를 하게되면 i값이 무조건 3으로만 설정이 됩니다..

onclick안에서 i값을 선택한 메뉴에 따라 변하게 하려면 어떻게 해야 할까요?