JSFiddle - React, Tailwind, and code Playground

HTML

<select  id="hiddenColumns" class="menu" multiple="multiple">
    <option selected id="imgClass">Images</option>
    <option selected id="idClass">Identifiant</option>
    <option selected id="referenceClass">Référence</option>
    <option selected id="activeClass">Actif</option>
    <option selected id="nameClass">Nom</option>
    <option selected id="catPClass">Catégorie P.</option>
    <option selected id="catNPClass">Catégories N.P.</option>
    <option selected id="priceHTClass">Prix HT</option>
    <option selected id="priceTTCClass">Prix TTC</option>
    <option selected id="quantityClass">Quantité</option>
    <option selected id="weightClass">Poids</option>
    <option selected id="metaKeyWordsClass">Mots clés</option>
    <option selected id="descriptionClass">Description</option>
    <option selected id="resumeClass">Résumé</option>
    <option selected id="metaDescriptionClass">Meta Description</option>
</select>

JavaScript

$(function(){
	tabsel=[];
  $("#hiddenColumns option:selected").each( function() { tabsel.push( $(this).val() ); })
 
console.log( tabsel );
});