Che,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script>
document.addEventListener("DOMContentLoaded", function() {
let ar = [{
"id": 6436438,
"name": "Montsûrs",
"state": "",
"country": "FR",
"coord": {
"lon": -0.55,
"lat": 48.133331
}
},
{
"id": 6436439,
"name": "Moulay",
"state": "",
"country": "FR",
"coord": {
"lon": -0.63333,
"lat": 48.26667
}
},
{
"id": 6436443,
"name": "Nuillé-sur-Vicoin",
"state": "",
"country": "FR",
"coord": {
"lon": -0.78333,
"lat": 47.98333
}
}
];
city.append(...ar.map(({ name }) => new Option(name)));
});
</script>
</head>
<body>
<label for="choice">Choose a city:</label>
<input list="city" id="choice" name="choice" />
<datalist id="city">
</datalist>
</body>
</html>