javascript - 在特定选择上显示单选按钮

Question

如何进行选择查看我的选择，并根据该选择显示或隐藏单选按钮选择。

function myFunction() {
    var x = document.getElementById("elevator");
    if (x.style.display === "none") {
        x.style.display = "block";
    } else {
        x.style.display = "none";
    }
}

<div class="form-group col-sm-2">
  <label for="selectfloor">Select Floor</label>
  <select class="form-control" onchange="myFunction()">
      <option>Stue (Ground Floor)</option>
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
      <option>6</option>
      <option>7</option>
      <option>8</option>
      <option>9</option>
      <option>10</option>
      <option>11</option>
      <option>12</option>
  </select>
</div>
<div class="col-sm-3" id="elevator">
  Is there an elevator?
  <div class="radio">
      <label><input type="radio">Yes</label>
  </div>
  <div class="radio">
      <label><input type="radio">No</label>
  </div>
            </div>

我试过 onSelect 但它没有做任何事情，据我所知，一旦选择了带有 myFuction 的选项，单选按钮就会出现。我还隐藏在单选按钮的 div 上以隐藏它们，这样它们就可以在我选择某个选项后出现。任何解决方案都会有所帮助。

Answer 1

试试这个:

function myFunction(selected) {

  var x = document.getElementById("elevator");

  if (selected.value == "Stue (Ground Floor)") {
    x.style.display = "none";
  } else {
    x.style.display = "block";
  }
}

<div class="form-group col-sm-2">
  <label for="selectfloor">Select Floor</label>

  <select class="form-control" onchange="myFunction(this)">
    <option>Stue (Ground Floor)</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>7</option>
    <option>8</option>
    <option>9</option>
    <option>10</option>
    <option>11</option>
    <option>12</option>
  </select>
</div>
<div class="col-sm-3" id="elevator" hidden>
  Is there an elevator?
  <div class="radio">
    <label><input type="radio">Yes</label>
  </div>
  <div class="radio">
    <label><input type="radio">No</label>
  </div>
</div>