Question

我正在尝试创建一个网站，您可以从名为 contactOptions 的下拉列表中选择一个选项。选项的值范围为0到8.当选择该选项时，我希望文本显示在下面 - 此文本包含在div标签中，ID为 #contact0 ，用于对应的文本选项0.默认情况下，这些ID都具有 display：none 。我有一些JavaScript（下面） - 我的html中的select标签包含 onchange =“sortForm（）”行。不幸的是，脚本没有做任何事情 - #contact0 仍然不可见。

function sortForm() {
  var selection = document.getElementById("contactOptions");
  var selectedValue = selection.options[selection.selectedIndex].value;

  for (var i = 0; i <=8; i++) {
    var subobjContact = document.getElementById("contact" + i);
    if (i == selectedValue) {
      subobjContact.style.display == "block"
    } else {
      subobjContact.style.display == "none"
    }
  }
}

Answer 1

使用单一等号

subobjContact.style.display = "block"

和

subobjContact.style.display = "none"

使用JavaScript在HTML中基于所选选项生成文本

1 个答案: