Thymeleaf+spring+Jquery dynamically added forms
<p>Having troubles getting values from dynamically added  dropdown in thymeleaf.</p>

<p>This is my first  </p>

<pre><code>&lt;select th:field="${offer.offerItemList[__${iterationStatus.index}__].mapa}" class="form-control input-sm ofa"&gt;
&lt;option value="0" &gt;---Choose option---&lt;/option&gt;
&lt;option th:each="attribute : ${offer.offerProductAttribute}" th:value="${attribute.id}" th:text="${attribute.name}"&gt;&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>Based on selecton from this dropdown i am generating another dropdown with code similar to this :</p>

<pre><code>var options = '&lt;select th:field="offer.list"  class="form-control input-sm"&gt; &lt;option th:value="0"&gt;--Choose--&lt;/option&gt;';
$.each(value.offerProductAttributeValuesList, function (index, value) {
                            options += '&lt;option th:value="' + value.id + '"&gt;' + value.value+ '&lt;/option&gt;';
                        });
                        options+= '&lt;/select&gt;';
                        of.closest('tr').find('td:last').html(options);
</code></pre>

<p>Dom elements generate fine. Everything is ok but values are never submitted with the rest of input fields.</p>

<p>I have done this many times but with previously rendered </p>

<pre><code>&lt;select&gt;
</code></pre>

<p>dropdown on the server side, and i would just appendTo() options, but in this case i cannot do that since i potentially have more than 20 dropdowns, based on clients selection from previous dropdown.</p>

<p>I hope i am being clear enough about my issue.</p>