<tr>
  <td class="tdLabel"></td>
  <td class="tdInput">
    <script type="text/javascript" src="/struts/inputtransferselect.js"></script>
    <table>
      <tr>
        <td><input type="text" name="collection_input" id="collection_input" input-name="inputName"/></td>
        <td class="tdTransferSelect">
          <input type="button" value="-&gt;"
            onclick="addOption(document.getElementById('collection_input'),document.getElementById('collection'))" />
          <br /><br />
          <input type="button" value="&lt;-" onclick="removeOptions(document.getElementById('collection'))" />
          <br /><br />
          <input type="button" value="&lt;&lt;--" onclick="removeAllOptions(document.getElementById('collection'))" />
          <br />
          <br />
        </td>
        <td>
          <select name="collection" size="5" id="collection" multiple="multiple" collection-name="collectionName">
            <option value="ItemOne" selected="selected">ItemOne</option>
            <option value="ItemTwo" selected="selected">ItemTwo</option>
          </select>
          <input type="hidden" id="__multiselect_collection" name="__multiselect_collection" value="" />
          <input type="button" onclick="moveOptionDown(document.getElementById('collection'),'key','');" value="v" />
          <input type="button" onclick="moveOptionUp(document.getElementById('collection'),'key','');" value="^" />
        </td>
      </tr>
    </table>
  </td>
</tr>