У меня есть файл JSP, который берет списки из базы данных и отображает его внутри тега
<div class="row" id="wrappingRow">
<div class="col">
<label for="type" class="col-form-label required">Interface Type</label>
<form:select path="type" class="form-control" items="${interfaceTypeList}" required="required">
</form:select>
<form:errors path="type" class="error help-block" />
</div>
<div class="col">
<label for="stream" class="col-form-label required">Stream</label>
<form:select path="stream" class="form-control" items="${streamList}" required="required">
</form:select>
<form:errors path="stream" class="error help-block" />
</div>
<div class='col'>
<button type="button" for="btn_action" class="btn btn-success" id="addNewRowBtn" value="add"><i class="fa fa-plus"></i></button>
<button type="button" for="btn_action" class="btn btn-danger deleteRowBtn" value="remove"><i class="fa fa-minus"></i></button>
</div>
</div>
У меня также есть код jquery для динамического добавления и удаления строк
$('#addNewRowBtn').click(function(){
$('<div class="row"><div class="col"><label for="type" class="col-form-label required"><spring:message code="label_interface_details_interface_type" text="Interface Type" /> </label><form:select path="type" class="form-control" items="${interfaceTypeList}" required="required"><div class="col"><label for="stream" class="col-form-label required"><spring:message code="label_interface_details_stream" text="Stream" /> </label><form:select path="stream" class="form-control" items="${streamList}" required="required"></form:select><form:errors path="stream" class="error help-block" /></div></div><div class="col"><button for="btn_action" type="button" class="btn btn-danger deleteRowBtn" value="remove"><i class="fa fa-minus"></i></button></div></div>').insertAfter("#wrappingRow");
});
Отображение списка с помощью $ {} работало нормально для первой строки (которая не создается динамически). Однако после добавления новых строк с помощью jquery создается новая строка, но только кнопки отображаются правильно. Даже элементы OPTION и SELECT отображаются некорректно (не отображается выпадающая кнопка), а список в тегах $ {} просто отображается как $ {interfaceTypeList} и $ {streamList} вместо отображения их содержимого.
Как правильно отобразить кнопки выбора и заполнить их списком, как в первой строке?