JSFiddle - React, Tailwind, and code Playground

HTML

<select name="produit_cmd[]" id="produit_cmd">
    <option value="">Choisissez votre produit</option>
    <option value="Colis 6 Kg" data-prix="11.60">Colis 6 Kg - 11,60€ /Kg</option>
    <option value="Colis 4 Kg" data-prix="11.90">Colis 4 Kg - 11,90€ /Kg</option>
    <option value="Colis 4,5 Kg" data-prix="13.70">Colis 4,5 Kg - 13,70€ /Kg</option>
    <option value="Colis été 6 Kg" data-prix="12.30">Colis 6 Kg été - 12,30€ /Kg</option>
    <option value="Colis été 4 Kg" data-prix="13">Colis 4 Kg été - 13€ /Kg</option>
</select>
<br/>qté:
<input type="text" name="qte_cmd[]" value="" id="qte_cmd" />
<br/>prix/u
<input type="text" name="prix[]" value="" id="prix_u" readonly="readonly" />
<br/>prix total
<input type="text" name="prix[]" value="" id="prix_tot" readonly="readonly" />
<br/>

JavaScript

function calcul() {
    prixu = parseFloat($(produit_cmd).find(':selected').data('prix'), 10);
    $("#prix_u").val(prixu);
    qte = $('#qte_cmd').val()?parseInt($('#qte_cmd').val(), 10):0;
    $("#prix_tot").val(qte * prixu);
}

$('#produit_cmd, #qte_cmd').change(calcul);