如何访问动态填充值的HTML元素？

Question

我已经阅读了很多stackoverflow问题而没有运气。我的问题是，我有一个HTML页面

<select id="myid"></select>

在那里，有一个Firebase命令可以检索我需要的值的名称，并将其放在<option>中，如下所示：

reference.on("child_added", function (childSnapshot){
  var key = childSnapshot.key;
  var opt = document.createElement('option');
  opt.textContent = key;
  document.getElementById('myid').appendChild(opt);
});

现在，我需要以某种方式访问​​这些值，顺便说一句，正确地出现在HTML和我的网站中，但是：

var val = document.getElementById('myid').value;
console.log(val);

它总是在控制台中返回空白。我不知道我怎么能访问它。每当我在HTML中自己在<option>中输入这些值时，一切都按预期工作，控制台返回数据库中的名称。

@edit：据我试图破解它，它似乎与javascript无法访问元素的事实，javascript本身尚未加载，但我尝试做window.onload和其他类似的，他们不'帮忙。