JSFiddle - React, Tailwind, and code Playground

by openwab

HTML

<table width="38%" cellspacing="0" cellpadding="0" class="configtable">
<tr><td class="fieldlabel"><p>Architecture:</p></td><td class="fieldarea">
<select id="archi" name="Architecture" onchange="recalctotals()">
<option value="Select" selected="selected">Séléctionnez </option>
<option value="32">32 Bits</option>
<option value="64">64 Bits</option>
</select>
</table>
<br />
<table width="41%" cellspacing="0" cellpadding="0" class="configtable">
<tr><td class="fieldlabel"><p>Langue: </p></td><td class="fieldarea">
<select id="lang" name="Langue" onchange="recalctotals()">
<option value="Default" selected="selected">Séléctionnez </option>
<option value="fr">Français</option>
<option value="en">Anglais</option>
<option value="de">Allemand</option>
<option value="es">Espagnol</option>
<option value="it">Italien</option>
<option value="pl">Polonais</option>
<option value="pt">Portugal</option>
</select>
    <p id="prix_total"></p>
</table>

JavaScript

var prix = new array();
prix[32] = 10;
prix[64] = 15;
prix['fr']=20;
prix['en']=18;
prix['de']=24;

$('#archi #lang').change(function(){
    var prix_lang = $('#lang option:selected').val();
    var prix_archi = $('#archi option:selected').val();
    $('#prix').val(prix_lang + prix_archi);
    
});