Remplir des champs automatiquement
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:
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:
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