Me ha costado mucho llenar un cuadro de selección de Materialise a través de Javascript. Estoy diseñando una aplicación web de Google, durante la cual, cuando un usuario selecciona una empresa en particular, se inicializa un cuadro de selección y se completa con una lista de empleados que trabajan para esa empresa. Intenté esto de todas las formas que se me ocurrieron, basando mi sintaxis en un campo de autocompletado de Materialise anterior que pensé que se inicializaría y pasaría un objeto de opciones prácticamente de la misma manera, pero esto no funcionó. Incluí mi Javascript, HTML y el objeto que estoy tratando de pasar. Además, casi he terminado con este proyecto y no he usado ningún JQuery hasta este punto y realmente preferiría no hacerlo si es posible.
<html> <head> <base target="_top"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"> <?!= include("pageCSS"); ?> </head> <body> <div class="input-field"> <select id="pocSelect"> <option value="" disabled selected>Choose Point of Contact</option> </select> </div> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAIKd0URSDHKo781LAxniLUQKE-cJ-a3qg&libraries=places&callback=initMap&channel=GMPSB_addressselection_v1_cABC" async defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> <?!= include("pageScripts"); ?> </body> </html> <script> function updateClientInfo(clientDataObj){ clientObj = clientDataObj[0]; var options = {}; var selectOptions = {}; options = clientDataObj[1]; options.forEach(function(v){ selectOptions[v] = false; }); var pocSelect = document.getElementById("pocSelect"); M.FormSelect.init(pocSelect, {options: selectOptions}); } </script> selectOptions = {Greg: false, Jason: false, Avery: false, Rebecca: false, Terry: false}