如何在下拉列表中显示枚举文本值？

enum Gender {
  Male = '男',
  Female = '女',
  Other = '其他'
}

<select id="genderSelect"></select>

const genderSelect = document.getElementById('genderSelect');

// 遍历枚举类型的所有选项
for (const key in Gender) {
  if (Object.prototype.hasOwnProperty.call(Gender, key)) {
    // 创建一个<option>元素
    const option = document.createElement('option');
    // 设置<option>的值为枚举选项的键
    option.value = key;
    // 设置<option>的文本为枚举选项的值
    option.text = Gender[key];
    // 将<option>添加到<select>中
    genderSelect.appendChild(option);
  }
}