Deux
possibilités.
1. Si vous cliquez dans le champ pour le sélectionner, choisissez votre localité à l'aide
des flèches de direction (haut et bas).
2. Vous pouvez aussi sélectionner ce champ en cliquant sur son entête
(Code Postal), puis tapez, directement, via le clavier, votre code postal.
Le nom d'une localité s'affichera. S'il ne correspond pas à votre localité, affinez la
recherche via les flèches de direction (haut et bas)
Les fichiers *.sql liés sont dans le dossier /cours/DB
MySQL permet d'exporter le résultat d'une recherche en JSON (CSV, ...)
Code HTML :
<script src="../../w3P.js"></script>
</head>
...
<select id="CP" name="CP">
<option data-w3-repeat="localites" value="{{1}}">
{{2}} {{3}}
</option>
</select>
...
<script src="localites.js"></script>
</body>
localites.js :
var myObject = {"localites":[
{"1":"0","2":"0000","3":"----------"},
{"1":"386","2":"1000","3":"BRUXELLES"},
...
{"1":"2343","2":"7973","3":"Stambruges"},
{"1":"883","2":"7973","3":"Grandglise"}
]};
/* Après la déclartion de myObject */
w3.displayObject("CP", myObject);
Pour info, voici la suite du formulaire (voir code source de cette page)