1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95
| // La fonction de traitement est disponible une fois que le document est prêt.
$(document).ready(function()
{
console.log('prêt');
$('#horodatage_id').click(function()
// Si l'élément identifié par id="date_heure_ordre_transport_DATE" change, on construit une fonction qui exécute le code ...
{
console.log('date_heure_ordre_transport_DATE a changé');
// D'abord, on enlève le contenu actuel de la liste identifiée par id="id_chauffeur" (codé en dur).
$("#id_chauffeur > option").remove();
// On récupère dans une variable la date OT choisie.
var date_heure_ordre_transport_DATE = $('#date_heure_ordre_transport_DATE').val();
console.log('date_heure_ordre_transport_DATE : ');
console.log(date_heure_ordre_transport_DATE);
$.ajax(
{
type: "POST",
// On appelle notre controleur suivi de la méthode XHR_liste_chauffeurs_disponibles, selon la date OT choisie.
//url: "http://localhost/CI/CI220_FMT1/index.php/ORDRES_TRANSPORTS/ordres_transports_c/XHR_recuperer_courses/"+id_etablissement_commanditaire,
// La ligne écrite au dessus à le chemin en dur, alors que la ligne en dessous à la variable qui contient le chemin.
url: "<?php echo base_url('index.php/ORDRES_TRANSPORTS/ordres_transports_c/XHR_liste_chauffeurs_disponibles');?>/"+date_heure_ordre_transport_DATE,
// ici les éléments sont déjà dans l'ordre,
// car on n'a plus le premier index pour l'ordre, mais que l'index pour les chauffeurs, qui ne sont pas dans l'ordre alphabétique.
// Il faut, ici, récupérer le tableau avec l'index, 0, 1, 2, ...
// Et reconstruire ici un tableau sans cet index.
// On récupère la réponse dans un tableau liste_chauffeurs_disponibles au format json.
success: function(liste_chauffeurs_disponibles)
{
console.log(liste_chauffeurs_disponibles.length);
console.log(liste_chauffeurs_disponibles);
for (i = 0; i < liste_chauffeurs_disponibles.length; i ++)
{
console.log(liste_chauffeurs_disponibles[i]);
// On crée les options du select.
var opt = $('<option />');
opt.val(liste_chauffeurs_disponibles[i].id_chauffeur);
opt.text( liste_chauffeurs_disponibles[i].prenom +' '+
liste_chauffeurs_disponibles[i].nom +' '+
liste_chauffeurs_disponibles[i].type_date);
// On positionne ces nouvelles options à la suite des options existantes (qui ont été supprimées au début !)
// pour le select identifié par id="id_chauffeur"
$('#id_chauffeur').append(opt);
}
/*
// Une boucle foreach permet de récupérer les id et noms de chaque chauffeur.
$.each(liste_chauffeurs_disponibles,function(id_chauffeur,texte)
{
// On crée les options du select.
var opt = $('<option />');
opt.val(id_chauffeur);
opt.text(texte);
console.log($(opt));
// On positionne ces nouvelles options à la suite des options existantes (qui ont été supprimées au début !)
// pour le select identifié par id="id_chauffeur"
$('#id_chauffeur').append(opt);
}
);
*/
}
});
});
});
// ]]> |
Partager