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);