Tengo una función javascript para agregar opciones en un campo de entrada seleccionado. A continuación se muestra un fragmento de código:
function loadZoneDropDown(){ var datas = placesZoneData.zones, a = document.getElementById("route_start_point"); for(let t in datas){ var value_data = datas[t]; $('#route_start_point').append('<option value="'+t+'">'+value_data.data["name"]+'</option>'); } sortSelectList(a); } Esta función se llama dentro de una función load() en la etiqueta <body> como se muestra a continuación:
function load(){ //otherFunctions(); loadZoneDropDown(); }Código HTML:
<html> <head></head> <body onload="load()"> </body> </html> La página se carga y no se agrega ninguna opción nueva al campo de selección #route_start_point . Cuando ejecuto la misma función directamente en la consola, el script se ejecuta y se completan las opciones. ¿Puedes ayudarme a resolver el problema? Tenga en cuenta que otherFunctions() se está ejecutando muy bien y bien en la página web. 
Captura de pantalla después de la ejecución en consola de loadZoneDropDown() a continuación: 