Javascript 基于单选按钮选择在下拉列表中显示项目

我想根据用户选择的单选按钮在下拉列表中显示特定项目

两种选择是财务变更和非财务变更。因此，如果我选择财务变更单选按钮。下拉列表仅显示财务变更下方的值

这是密码

---

我在这里为你树立了一个榜样。 该示例基本上包括以下步骤：

标记你的HTML

<input type="radio" name="group" value="1" checked />
<label>Radio 2</label>
<input type="radio" name="group" value="2" />
<label>Radio 3</label>
<input type="radio" name="group" value="3" />

<div>
  <select id="drop1">
    <option>DropDown 1</option>
  </select>
  <select id="drop2" class="no-display">
    <option>DropDown 2</option>
  </select>
  <select id="drop3" class="no-display">
    <option>DropDown 3</option>
  </select>
</div>

添加下拉选择函数使用的辅助函数

function setDropDownsForNoDisplay() {
    for (var i = 0; i < dropdowns.length; i++) {
        dropdowns[i].classList.add("no-display");
    }
}

function setDropDownForDisplay(x) {
    if (x === "1") {
        document.getElementById("drop1").classList.remove("no-display");
    } else if (x === "2") {
        document.getElementById("drop2").classList.remove("no-display");
    } else if (x === "3") {
        document.getElementById("drop3").classList.remove("no-display");
    }
}

第一台 第二台 第三台 下拉列表1 下拉列表2 下拉列表3

---

我在这里为你树立了一个榜样。 该示例基本上包括以下步骤：

标记你的HTML

<input type="radio" name="group" value="1" checked />
<label>Radio 2</label>
<input type="radio" name="group" value="2" />
<label>Radio 3</label>
<input type="radio" name="group" value="3" />

<div>
  <select id="drop1">
    <option>DropDown 1</option>
  </select>
  <select id="drop2" class="no-display">
    <option>DropDown 2</option>
  </select>
  <select id="drop3" class="no-display">
    <option>DropDown 3</option>
  </select>
</div>

添加下拉选择函数使用的辅助函数

function setDropDownsForNoDisplay() {
    for (var i = 0; i < dropdowns.length; i++) {
        dropdowns[i].classList.add("no-display");
    }
}

function setDropDownForDisplay(x) {
    if (x === "1") {
        document.getElementById("drop1").classList.remove("no-display");
    } else if (x === "2") {
        document.getElementById("drop2").classList.remove("no-display");
    } else if (x === "3") {
        document.getElementById("drop3").classList.remove("no-display");
    }
}

第一台 第二台 第三台 下拉列表1 下拉列表2 下拉列表3

---

不客气，因为在你的情况下需要一个javascript来处理显示下拉列表的收音机不客气，因为在你的情况下需要一个javascript来处理显示下拉列表的收音机