Dodanie opcji do selecta na stronie .jsp - jQuery

 <select id="second" class="form-control" role="listbox" style="display:none">
                <option value="0" selected="selected">Wybierz podkategorie</option>
                <c:forEach var="subcategories" items="${subcategories}">
                    <option>${subcategories}</option>
                </c:forEach>
 </select>

var subcategories = [$('#subcategories')];
 var generateOptions = function(element) {
        var options = '';
        for(var i = 1; i <= subcategories.length; i++) {
            options += '<option value="'+i+'">'subcategories[i]'</option>';
        }
        element.append(options);
    };

const category = document.querySelector('#category');
const subcategory = document.querySelector('#subcategory');
const suboptions = subcategory.querySelectorAll('option:not(:first-child)');
const defaultSuboption = subcategory.querySelector('option:first-child');

category.addEventListener('change', e => {
  suboptions.forEach(option => {
  	const { categoryId } = option.dataset;
   	option.style.display = categoryId === e.target.value ? 'block' : 'none';
  });
  
  defaultSuboption.selected = true;
})