Блог

У меня есть выпадающий список из bootstrap (шаблон AdminLTE), который позволяет мне выполнять множественный выбор:

Как видно здесь, нет никаких проблем, когда я жестко кодирую multiselect в моем JSP, но когда я попытался использовать его при добавлении, выпадающий список больше не отображается:

Вот мой код при добавлении в мой JS-файл:

 table.append(
        '<tr>'  
        '<td>'   codePA   '</td>'  
        '<input type="hidden" name="codePA" class="readonlyWhite" id="codeIGA" value="'   codePA   '" />'  
        '<td>'  
        '<div class="form-group">'  
        '<select class="form-control select2 select2-hidden-accessible select-iga" multiple="" data-placeholder="Select IGA" style="width: 50%;" tabindex="-1" aria-hidden="true">'  
        '<option value="1">IGA01</option>' 
        '<option value="2">IGA02</option>' 
        '<option value="3">IGA03</option>' 
        '</select>'  
        '</div>'  
        '</td>'  
        '<td>'  
        '<span class="label label-success">pending</span>'  
        '<input type="hidden" name="status" class="readonlyWhite" id="codeIGA" value="pending" />'  
        '</td>'  
        '<td>'  
        '<div class="col-sm-10">'  
        '<input type="text" name="remarks" class="form-control no-border" id="remarks">'  
        '</div>'  
        '</td>'  
        '</tr>'
        );
 }
  

Все остальные столбцы работают над моим добавлением, это только часть выбора, которая вообще не отображается / не работает.