Bonjour � tous, j'esp�re que vous allez bien.
Dans mon html j'ai une balise select dont les options sont des donn�es r�cup�r� d'une API avec mon javascript. Pour l'instant pas de soucis. voici le html
Code html : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>testapp</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="styles.css"> </head> <body> <section class="container"> <div class="item" id="select"> <p>list from line 8</p> <select id="subwaylist"></select> <input type="submit" value="show informations" onclick="return Validate()" /> </div> <div class="item" id="results"> <p class="text">Résultats : </p> </div> <script src="main.js"></script> </body> </html>
Et voici le javascript
Ici : api-ratp.pierre-grimaud.fr/v4/schedules/metros/8/balard/A+R il affichera le temps d'arriv�e du m�tro ainsi que sa destination (dans ce cas, nous partons de la station Balard). J'aimerais savoir comment r�cup�rer ces informations pour chaque station que je choisis avec mon select et les mettre dans ma div de r�sultat.
Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19 var apiStations = "https://api-ratp.pierre-grimaud.fr/v4/stations/metros/8"; var apiHorairesA = "https://api-ratp.pierre-grimaud.fr/v4/schedules/metros/8/balard/A" function req1() { fetch(apiStations, { method: "get" }) .then(response => response.json()) .then(data => { let allstations = data.result.stations; let html = ''; for (var i = 0; i < allstations.length; i++) { html += "<option value=" + allstations[i].slug + ">" + allstations[i].name + "</option>" } document.getElementById("subwaylist").innerHTML = html; }) } req1();
Je vous remercie d'avance pour vos conseils.
Partager