Bonjour

J'ai créé un select qui est rempli via une table (ici des villes). Lors de la sélection d'une ville, il que je remplisse 4 champs texte.

Ci-dessous le select, les champs à remplir et le JS. Pour le 1er (code_insee) ça fonctionne car je récupère la valeur du select mais comment faire pour les 3 autres ?
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
<select id="localisation" class="custom-select" placeholder="Ville" onchange="remplir(this.value);">
	<option value="">Ville</option>
	<?php
        global $wpdb;
        $sql = $wpdb->get_results("SELECT ville_nom_reel, ville_code_postal, ville_code_commune, ville_longitude_deg, ville_latitude_deg FROM villes_france");
        foreach($sql as $req){
                echo '<option value="'.$req->ville_code_commune.'">'.$req->ville_nom_reel.' ('.$req->ville_code_postal.')</option>';
        }
        ?>
</select>
<input type="text" id="code_insee" name="code_insee" value="" readonly /><!-- doit être rempli avec ville_code_commune -->
<input type="text" id="longitude" name="longitude" value="" readonly /><!-- doit être rempli avec ville_longitude_deg -->
<input type="text" id="latitude" name="latitude" value="" readonly /><!-- doit être rempli avec ville_latitude_deg -->
<input type="text" id="ville_reelle" name="ville_reelle" value="" readonly /><!-- doit être rempli avec ville_nom_reel -->

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
var code_insee = "";
function remplir(valeur){ // La fonction
	code_insee = valeur; // on l'enregistre dans code_insee
	document.getElementById("code_insee").value = code_insee; // On insère code_insee dans le champ
}
Merci d'avance