Afficher les données d'une API via les options d'un select en Javascript
Fermé
RohAias
Messages postés
1
Date d'inscription
vendredi 15 octobre 2021
Statut
Membre
Dernière intervention
15 octobre 2021
-
15 oct. 2021 à 14:14
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 - 15 oct. 2021 à 16:35
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 - 15 oct. 2021 à 16:35
A voir également:
- Afficher les données d'une API via les options d'un select en Javascript
- Ce programme est écrit en python. il construit un mot secret dans une variable mais il ne l'affiche pas. modifiez-le pour qu'il affiche le mot secret. exécutez-le. quel est ce mot secret ? ✓ - Forum Python
- Afficher un tableau en c - Forum C
- Reboot and select proper boot device - Forum Windows
- Telecharger javascript - Télécharger - Langages
- Communication impossible via ssl ps4 ✓ - Forum Google Chrome
1 réponse
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
15 oct. 2021 à 16:35
15 oct. 2021 à 16:35
Bonjour,
Il faut que tu mettes un listener (change) sur ton select
Et, en fonction de la valeur selectionnée, modifier l'url de la seconde api
Il faut que tu mettes un listener (change) sur ton select
Et, en fonction de la valeur selectionnée, modifier l'url de la seconde api
const subwaylist = document.getElementById("subwaylist");
// Fonction pour charger les horaires
un truc du genre :
function getHoraires(){
var choix = subwaylist.value;
var apiHorairesA = "https://api-ratp.pierre-grimaud.fr/v4/schedules/metros/8/"+choix+"/A"
fetch(apiHorairesA, {
method: "get"
})
.then(response => response.json())
.then(data => {
//ici tu code l'affichage des horaires...
})
}
// Ajouter un écouteur d'évènements à subwaylist
subwaylist.addEventListener("change", getHoraires, false);