Comment ajouter un select a mon panier

// ne pas modifier la suite sauf si vous désirez modifier le code

//on definit la varaible MonPanier 
var MonPanier = (function(){
panier = [];
function Item(nom, prix, quantite) {
this.nom = nom;
this.prix = prix;
this.quantite = quantite;
}

//on sauve le panier 
function savepanier(){
sessionStorage.setItem('MonPanier', JSON.stringify(panier));
}

//on lit le panier 
function loadpanier(){
panier = JSON.parse(sessionStorage.getItem('MonPanier'));
}
if (sessionStorage.getItem("MonPanier") != null) {
loadpanier();
}

//variable objet 
var obj = {};

// on ajoute un article au panier cette partie nous interesse 
obj.ajouter_produit_dans_panier = function(nom, prix, quantite) {
for(var item in panier) {
  if(panier[item].nom === nom) {
//panier[item].quantite ++ ; ancien code 
panier[item].quantite ;
savepanier();
return;
  }
}
var item = new Item(nom, prix, quantite);
panier.push(item);
savepanier();
}

//cette partie nous interesse aussi puisqu elle traite la quantite
obj.setquantiteForItem = function(nom, quantite) {
for(var i in panier) {
  if (panier[i].nom === nom) {
panier[i].quantite = quantite;
break;
  }
}
};

//pour enlever un article 
obj.enlever_produit_de_panier = function(nom) {
  for(var item in panier) {
if(panier[item].nom === nom) {
  panier[item].quantite --;
  if(panier[item].quantite === 0) {
panier.splice(item, 1);
  }
  break;
}
}
savepanier();
}

//pour enlever tous les objets des panier 
obj.enlever_produit_de_panier_tous = function(nom) {
for(var item in panier) {
  if(panier[item].nom === nom) {
panier.splice(item, 1);
break;
  }
}
savepanier();
}

//objet qui vide le panier 
obj.clearpanier = function(){
panier = [];
savepanier();
}

//cet objet est le total de la quantite nous interesse aussi
obj.totalquantite = function(){
var totalquantite = 0;
for(var item in panier) {
  totalquantite += panier[item].quantite;
}
return totalquantite;
}

//cet objet est le total du panier 
obj.totalpanier = function(){
var totalpanier = 0;
for(var item in panier) {
  totalpanier += panier[item].prix * panier[item].quantite;
}
return Number(totalpanier.toFixed(2));
}

//cet abjet list le panier 
obj.listpanier = function(){
var panierCopy = [];
for(i in panier) {
  item = panier[i];
  itemCopy = {};
  for(p in item) {
itemCopy[p] = item[p];
  }
  itemCopy.total = Number(item.prix * item.quantite).toFixed(2);
  panierCopy.push(itemCopy)
}
return panierCopy;
}

return obj;
})();

//cette partie est celle qui est execute lorsque on clic sur le bouton ajouter au panier avec la class ajouter-panier
$('.ajouter-panier').click(function(event) {
  event.preventDefault(); 
  var nom_option = "";
  var prix_option = 0;
 // partie que j'ai supprimer qui ne me sert a rien
  //var option_checkbox = $(this).data('checkbox');
// if (option_checkbox != "") {
 // var checkboxes = document.getElementsByClassName(option_checkbox);
 // for(var i = 0; i < checkboxes.length; i++) {
 //   if (checkboxes[i].checked == true) {
 //    var nom_option = nom_option + " (" + $(checkboxes[i]).data('nom') +")";
 //    var prix_option = prix_option + Number($(checkboxes[i]).data('prix'));
 //   }
 // }
// }  
  //if ($(this).data('select')) 
 // {
// var nom = $(this).data('nom') + " (" + document.getElementById(""+$(this).data('select')+"").value + ")" + //nom_option;
 // }
   var nom = $(this).data('nom');
  var prix = Number($(this).data('prix')) + prix_option;
  var quantite =$(this).data('select');//nouvelle variable qui a un rapport direct avec la data-select
    MonPanier.ajouter_produit_dans_panier(nom, prix,quantite);
 //MonPanier.ajouter_produit_dans_panier(nom, prix,1); ancien code 
 console.log(quantite );// le resultat est de deux
  afficherpanier();
});

$('.clear-panier').click(function(){
  MonPanier.clearpanier();
  afficherpanier();
});

     <div class="row mt-3">
<div class="col-md-4">
<p>Produit 02 (15.00 €)</p>
</div>
<div class="col-md-2">
<select class="form-control" id="01">
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
 <option value="4">4</option>
 <option value="5">5</option>
 </select>
</div>
<div class="col-md-6 text-end">
<a style="cursor:pointer;" data-nom="Produit 02" data-prix="15.00" data-select="01" class="btn btn-primary ajouter-panier">ajouter au panier</a>
</div>
</div>