diff --git a/GrossesMitaines/grosses-mitaines-ui/src/components/QtySelect.js b/GrossesMitaines/grosses-mitaines-ui/src/components/QtySelect.js
index bc2cfa1..9e50b7a 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/components/QtySelect.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/components/QtySelect.js
@@ -1,8 +1,8 @@
 import { Form } from "react-bootstrap";
 
-const QtySelect = ({ qty }) => {
+const QtySelect = ({onChange, qty }) => {
     return (
-        <Form.Select className="qty-select">
+        <Form.Select onChange={(e)=>onChange(e.target.value)} className="qty-select">
             {Array.from(Array(qty), (e, i) => {
                 return (
                     <option value={i+1} key={i+1}>{i+1}</option>
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/pages/MorceauDetail.js b/GrossesMitaines/grosses-mitaines-ui/src/pages/MorceauDetail.js
index a439a80..9e8a131 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/pages/MorceauDetail.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/pages/MorceauDetail.js
@@ -10,11 +10,16 @@ const MorceauDetail = () => {
     const [item, setItem] = useState({});
     const [imageSrc, setImageSrc] = useState(null);
     const [itemQty, setItemQty] = useState(0);
+    const [currentQty, setCurrentQty] = useState(1);
 
     const isNoStock = () => {
         return item.status == 1 || item.status == 2 || item.status == 5;
     }
 
+    const currentQtyChange = (newQty) =>{
+        setCurrentQty(newQty);
+    }
+
     useEffect(() => {
         document.title = 'Morceaux';
         async function fetchData() {
@@ -136,6 +141,7 @@ const MorceauDetail = () => {
                 <div className="detail-container-controls">
                     <QtySelect
                         qty={isNoStock() ? 0 : itemQty}
+                        onChange={currentQtyChange}
                     />
                     <Button disabled={isNoStock()} className="add-to-cart">
                         Ajouter au panier