Additionally options can be added dynamically

[demos/spring-boot] / src / main / resources / templates / form.html

diff --git a/src/main/resources/templates/form.html b/src/main/resources/templates/form.html
index 533758e..70841c9 100644 (file)
--- a/src/main/resources/templates/form.html
+++ b/src/main/resources/templates/form.html
@@ -26,8 +26,12 @@
               </div>
               <div class="form-group" th:each="key : *{map.keySet()}">
                 <input type="checkbox" class="form-check-label" th:field="*{map[__${key}__]}" />
-                <!-- <label class="form-check-label" th:for="${#ids.prev('map[__${key}__]')}" th:text='|Option "${key}" From The Map|'>Option "KEY" From The Map</label>-->
-                <label class="form-check-label" th:text='|Option "${key}" From The Map|'>Option "KEY" From The Map</label>
+                <label class="form-check-label" th:for="|map${key}1|" th:text='|Option "${key}" From The Map|'>Option "KEY" From The Map</label>
+              </div>
+              <div class="input-group">
+                <span class="input-group-prepend"><span class="input-group-text">New Option</span></span>
+                <input type="input" class="form-control" name="name" />
+                <span class="input-group-append"><button type="submit" class="btn btn-primary" name="add">Add</button></span>
               </div>
             </div>
           </div>