CodeIgniter Forums

Full Version: Multilication Operation in my CI app with jquery
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi,
i need your help. i'd like to implement a multiplication operation to obtain missions fees for employees in my CI app.
these are variables : RANG, PERDIEM, NUITS
what i want is when the user choose item "RANG" of employee from the selectbox then  the selectbox " VILLE" appear, when he choose  item "AUTRE VILLE", the "PERDIEM" fees that appear automatically is 75.000 , if he choose item BOUAKE then amout that appear automatically is 100.000. after that he enter a value in the input "NUIT" and automatically a calcul is performed to show the total amout "MONTANT TOTAL DES FRAIS DE MISSION";
the "MONTANT TOTAL" change according to the value choosed in the selectbox "PERDIEM" (this one depends on the choice of the selectbox "VILLE") and the value set in "NUITS".

this is the mathematical operation performed : MONTANT TOTAL = PERDIEM x NUITS

how can i perform that operation in JQUERY?
this is my code:

MY HTML CODE
Code:
<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>
________
MY JQUERY CODE
Code:
       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);