Question

现在我正在尝试使用JavaScript动态地将一些<select>元素添加到HTML页面;具体来说，<select>元素会让人们选择时间。我大部分时间都在那里：

  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);

这本身就可以。所以这就是：我想制作其中一个选项selected并默认显示，我不知道该怎么做。类似的东西：

    if (i == 12) {
      hrOption.selected = true;
    }

但这对我不起作用。我无法找到如何使这项工作; Google搜索没有提供任何有用的选项。任何人都可以指导我找到答案吗？

（对于那些好奇的人，我想让selected选项默认为当前时间。我已经知道如何通过PHP和echo将时间用于我的JavaScript。）< / p>

编辑：事实证明，我的解决方案是正确的。我不确定为什么当我测试它时它对我不起作用。投票结束。

Answer 1

使用selectedIndex属性：

hrSelect.selectedIndex = 12;

动态添加＆＃34;选择＆＃34;通过DOM到HTML选项

1 个答案: