根据下拉列表的值显示单选按钮？

<select id="dropdown">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<div id="radioContainer"></div>

const dropdown = document.getElementById("dropdown");
const radioContainer = document.getElementById("radioContainer");

dropdown.addEventListener("change", function() {
  const selectedValue = dropdown.value;
  radioContainer.innerHTML = ""; // 清空容器

  if (selectedValue === "option1") {
    // 生成Option 1对应的单选按钮选项
    const radio1 = document.createElement("input");
    radio1.type = "radio";
    radio1.name = "option";
    radio1.value = "option1";
    radioContainer.appendChild(radio1);

    const label1 = document.createElement("label");
    label1.textContent = "Option 1";
    radioContainer.appendChild(label1);
  } else if (selectedValue === "option2") {
    // 生成Option 2对应的单选按钮选项
    const radio2 = document.createElement("input");
    radio2.type = "radio";
    radio2.name = "option";
    radio2.value = "option2";
    radioContainer.appendChild(radio2);

    const label2 = document.createElement("label");
    label2.textContent = "Option 2";
    radioContainer.appendChild(label2);
  } else if (selectedValue === "option3") {
    // 生成Option 3对应的单选按钮选项
    const radio3 = document.createElement("input");
    radio3.type = "radio";
    radio3.name = "option";
    radio3.value = "option3";
    radioContainer.appendChild(radio3);

    const label3 = document.createElement("label");
    label3.textContent = "Option 3";
    radioContainer.appendChild(label3);
  }
});