<datalist id="city-list"> </datalist> <script> let list = document.getElementById('city-list'); const cities = [ { id: 0, city: "Buenos Aires", country: "Argentina", codeIATA: "AEP", aeroName: "Aeroparque Internacional Jorge Newbery", coordX: -58.370277777778, coordY: -34.575, }, { id: 1, city: "Bariloche", country: "Argentina", codeIATA: "BRC", aeroName: "Aeropuerto Internacional Teniente Luis Candelaria", coordX: -71.166666666667, coordY: -41.133333333333, }, { id: 2, city: "Córdoba", country: "Argentina", codeIATA: "COR", aeroName: "Aeropuerto Internacional Ingeniero Ambrosio Taravella", coordX: -64.216666666667, coordY: -31.316666666667, }, ]; cities.forEach(function(city){ let option = document.createElement('option'); option.value = city; list.appendChild(option); }); </script>¿Cómo agregar como opción al datalist solo la propiedad (en este caso CIUDAD) de cada objeto? Parece que solo estoy agregando el objeto completo, quiero seleccionar solo la propiedad CITY de ellos.
En su función forEach, hace referencia a la ciudad, que es el objeto completo, intente hacer lo siguiente:
cities.forEach(function(city){ let option = document.createElement('option'); option.value = city.city; //reference the city part of your object list.appendChild(option); });