为什么javascript函数和for循环在下拉菜单中返回未定义？

我制作了一个HTML表单。下拉菜单仅返回未定义。表格如下：

 <fieldset>
    <legend>New account</legend>
    <label for="selectAccountType">Type:</label>
    <select id="selectAccountType"></select>
    <label for="txtAccountAlias">Alias:</label>
    <input type="text" id="txtAccountAlias" value="">
    <p>
      <button onclick="createAccount()">Create account</button>
    </p>
  </fieldset>

这就是功能：

  function loadAllAccountTypeKeys () {
  var keys = Object.keys(EAccountTypes);
  for (var index = 0; index < keys.length; index++) {
      var accountKey = keys[index];
      var newOption = document.createElement("option");
      newOption.value = accountKey;
      newOption.text = EAccountTypes[accountKey].name;
      selectAccountType.options.add(newOption);
  }
}

loadAllAccountTypeKeys();

函数加载AllAccountTypeKeys（）{
var keys=Object.keys（EAccountTypes）；
对于（var index=0；index

为什么这会给我一个有四个未定义的下拉菜单？我在同一文档的另一个函数中使用了var键。这就是原因吗

---

（这是学校的任务。我实际上并没有试图用javascript创建网上银行。）

将

名称

替换为

文本

：

newOption.text = EAccountTypes[accountKey].name;

所以看起来像

newOption.text = EAccountTypes[accountKey].text;

newOption.text = EAccountTypes[accountKey].text;