Sujet : OPERATION DE MULTIPLICATION AVEC JQUERY

Bonjour,
j'ai besoin d'aide. je veux réaliser un calcul de frais de mission pour des employés.
les variables sont : RANG, PERDIEM, NUITS

lorsque l'utilisateur choisi le RANG de l'employé, le champs select " VILLE" apparaît, lorsqu'il choisi AUTRE VILLE, le montant du perdiem qui apparaît automatiquement est 75.000 , s'il choisi BOUAKE alors le montant qui s'affiche automatiquement est 100.000. Après cela il saisi le nombre de NUIT et automatiquement le calcul suivant est fait pour donner le MONTANT TOTAL DES FRAIS DE MISSION;

le MONTANT TOTAL varie en fonction  du PERDIEM (qui dépend du choix de la VILLE ) et du nombre de NUITS.

MONTANT TOTAL = PERDIEM x NUITS

NB: à part le champs "nuit" et "total", tous les autres champs sont des selectbox

je veux savoir comment le réaliser avec jquery?
voici mon code:

MON CODE HTML

<div class="form-group">
                                                     
                            <div class="col-sm-2">
                                <select name="missionnaire1_rang" id="missionnaire1_rang" class="form-control" placeholder="Rang">
                                    <option value=""></option>
                                    <option value="Directeur" <?php
                                    if (!empty($appfond_info->missionnaire1_rang)) {
                                        echo $appfond_info->missionnaire1_rang == 'Directeur' ? 'selected' : '';
                                    }
                                    ?> class="smartfm-ctrl" data-show-id="ctr_directeur">DIRECTEUR</option>
                                    <option value="Sous Directeur" <?php
                                    if (!empty($appfond_info->missionnaire1_rang)) {
                                        echo $appfond_info->missionnaire1_rang == 'Sous Directeur' ? 'selected' : '';
                                    }
                                    ?> class="smartfm-ctrl" data-show-id="ctr_sous_directeur">SOUS DIRECTEUR</option>
                                   
                                </select>
                            </div>
                            <div id="ctr_directeur" class="hiddenbox">
                                 <div class="col-sm-2">
                                <select name="missionnaire1_ville" id="missionnaire1_ville" class="form-control select_box" placeholder="Ville">
                                    <option value=""></option>
                                    <option value="Autre" <?php
                                    if (!empty($appfond_info->missionnaire1_ville)) {
                                        echo $appfond_info->missionnaire1_ville == 'Autre' ? 'selected' : '';
                                    }
                                    ?>class="smartfm-ctrl" data-show-id="ctr_directeur_autre_ville">AUTRE VILLE</option>
                                    <option value="Bouaké" <?php
                                    if (!empty($appfond_info->missionnaire1_ville)) {
                                        echo $appfond_info->missionnaire1_ville == 'Bouaké' ? 'selected' : '';
                                    }
                                    ?> class="smartfm-ctrl" data-show-id="ctr_directeur_bouyamsan">BOUAKE</option>                                 
                                </select>
                            </div>
                            </div>
                            <div>
                                <div class="col-sm-2" id="ctr_directeur_autre_ville">
                                    <select name="missionnaire1_perd" id="missionnaire1_perd" class="form-control select_box" placeholder="Perdiem">
                                        <option value="75000" <?php
                                        if (!empty($appfond_info->missionnaire1_perd)) {
                                            echo $appfond_info->missionnaire1_perd == '75 000' ? 'selected' : '';
                                        }
                                        ?>>75 000</option>
                                    </select>
                                </div>

                                <div class="col-sm-2" id="ctr_directeur_bouyamsan">
                                    <select name="missionnaire1_perd" id="missionnaire1_perd_bouyamsan" class="form-control select_box" placeholder="Perdiem">
                                        <option value="100000" <?php
                                        if (!empty($appfond_info->missionnaire1_perd)) {
                                            echo $appfond_info->missionnaire1_perd == '100 000' ? 'selected' : '';
                                        }
                                        ?>>100 000</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <input type="text" name="missionnaire1_nuit" id="missionnaire1_nuit" class="form-control" placeholder="nuit" value="<?php
                                if (!empty($appfond_info->missionnaire1_nuit)) {
                                    echo $appfond_info->missionnaire1_nuit;
                                }
                                ?>" />
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="missionnaire1_total" id="missionnaire1_total" class="form-control" placeholder="total partiel" value="<?php
                                if (!empty($appfond_info->missionnaire1_total)) {
                                    echo $appfond_info->missionnaire1_total;
                                }
                                ?>" />
                            </div>
                        </div>

________

MON CODE JQUERY

        var missionnaire1_nuit = $("#missionnaire1_nuit").val();
        var missionnaire1_total = 0;

        if($('#missionnaire1_perd :selected').val() == 75000)
        {
            var missionnaire1_perd = $("#missionnaire1_perd").val();
            missionnaire1_total = missionnaire1_perd * missionnaire1_nuit;

        }else if($('#missionnaire1_perd_bouyamsan :selected').val() == 100000){

            var missionnaire1_perd_bouyamsan = $("#missionnaire1_perd_bouyamsan").val();
            missionnaire1_total = missionnaire1_perd_bouyamsan * missionnaire1_nuit;
        }
        $("#missionnaire1_total").val(missionnaire1_total);