Javascript 动态添加"；精选；通过DOM访问HTML选项

现在我正在尝试使用JavaScript向HTML页面动态添加一些

元素；具体来说，

元素可以让人们选择时间。我大部分时间都在那里：

  var newDiv = document.createElement("div");

  var hrSelect = document.createElement("select");
  hrSelect.name = "div_hr";

  for (i = 0; i < 24; i++) {
    var hrOption = document.createElement("option");
    var hrStr = String(i);
    if (i < 10) {
      hrStr = "0" + hrStr;
    }
    hrOption.value = hrStr;
    hrOption.appendChild(document.createTextNode(hrStr));
    hrSelect.appendChild(hrOption);
  }

  newDiv.appendChild(hrSelect);

但这对我不起作用。我不知道该怎么做；谷歌搜索没有提供任何有用的选项。谁能引导我找到答案

（对于那些好奇的人，我想让

选择的
选项默认为当前时间。我已经知道如何通过PHP和
echo将时间输入我的JavaScript。）

编辑：事实证明，我的预期解决方案是正确的。我不知道为什么在我测试它时它对我不起作用。投票关闭。
使用
selectedIndex
属性：

hrSelect.selectedIndex = 12;

事实上，就是这样做的：将“selected”属性设置为
true
。您也可以将
hrSelect.selectedIndex
设置为要选择的选项的索引。@Pointy我发誓第一次尝试时它不起作用。由于某种原因，它现在起作用了，所以我想这就解决了：|谢谢！这会管用的，但是，没错。但这是一条语句，每次循环都必须执行它。所以这看起来好一点。
hrSelect.selectedIndex = 12;