Question

The problem I have is best explained with a code example:

I have the following VIEW.jsp:

<c:forEach var="widget" items="${widgets}">
        <div class="drag">
             <p>Id: ${widget.id}</p>
             <input class="editWidget" type="image" src="/tis/img/icons/edit.png" alt="Edit widget">
             <input class="idWidget" type="hidden" value="${widget.id}">
        </div>
</c:forEach>

<div id="editDialog" title="Edit widget">
    <fieldset>
         <input class="editWidgetId" type="hidden" value="??" id="editWidgetId">
    </fieldset>
</div>

editWidgetId should have its ‘value’ attribute filled with the value of idWidget inside the foreach loop. This value should be different for each element in the loop (element is selected by edit button).

The questions:

1. How can I get the value of one input field to another input field?
2. How can I do this when a foreach loop is present?

Thanks in advance

Answer 1

Given you want dynamic behavior, this work has to be executed on the client-side by JavaScript as at the server-side, you have many widgets to one editDialog and are lacking the client-side user event to make your decision.

What you want to do is assign a function handler (or statement in my example below) to each editWidget to change the value of the editWidgetId input box with the appropriate value:

<input onclick="document.getElementById('editWidgetId').value = '${widget.id}'" class="editWidget" type="image" src="/tis/img/icons/edit.png" alt="Edit widget" >

Haven’t tested this but I hope you get the idea