Форма отправки JavaScript не передает правильно скрытое значение

Question

Я хочу передать скрытое значение без использования кнопки отправки.
Я хочу, чтобы пользователь щелкнул изображение предмета, и оно приведет его к деталям предмета.

Итак, если они нажмут на помидор, показанный ниже, он перейдет на страницу с помидорами.

Вот что я делаю:

JSP:

<form action="ItemDetail" method="get" name="itemForm" id="itemForm">
<input type="hidden" name="itemId" id="itemId" value="<%= i.getItemID() %>">
  <a href="javascript: submitForm()">
    <img src="<%=i.getImg()%>"
  </a>
</form>

JavaScript:

function submitForm(){
    document.forms["itemForm"].submit();
}

сервлет:

String itemId = request.getParameter("itemId");

Answer 1

Я наконец выяснил почему. Javascript отправляет все формы, потому что все они имеют одинаковое имя, поэтому я изменил идентификатор формы и не вносил изменений в сервлет

<form action="ItemDetail" method="get" name="itemForm" id="itemForm<%= i.getItemID() %>">
  <a href="javascript:{}" onclick="document.getElementById('itemForm<%= i.getItemID() %>').submit();">
  <input type="hidden" name="itemId" id="itemId" value="<%= i.getItemID() %>">

    <img src="<%=i.getImg()%>"
  </a>
</form>