Calcul dans <select>

Bonjour,

Je commence mon apprentissage du Js et je suis bloqué dans un calcul d'un <select> avec des <option>.
Ce que j'aimerai faire c'est quand je sélectionne la "taille" et la "quantité", la multiplication s'affiche avec innerHtml dans le span "total".
Pour le moment j'ai bien la taille ou la quantité qui s'affiche dans le span mais pas la multiplication que j'aimerai.

Code Html:
<div class="form-inputs">
<select id="taille" onchange="getPers(this)">
<option value="">Taille</option>
<option value="2.95" id="ind">individuelle</option>
<option value="12">4 personnes</option>
<option value="18">6 personnes</option>
</select>
<select id="quantité" onchange="getQuantity(this)">
<option value="">Quantité</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="date" id="commande_date" />
</div>
<div class="panier">
<input type="submit" value="AJOUTER AU PANIER" />
<p>Total : <span id="total"></span> €</p>
</div>

Code JS

function getPers(option) {
total.textContent = option.value

}
function getQuantity(option) {
total.textContent = option.value

}