创建读取下拉列表以显示单选按钮的JavaScript函数

function createRadioButtonsFromDropdown(dropdownId, radioContainerId) {
  // 获取下拉列表和单选按钮容器的元素
  var dropdown = document.getElementById(dropdownId);
  var radioContainer = document.getElementById(radioContainerId);

  // 清空单选按钮容器
  radioContainer.innerHTML = "";

  // 获取选中的下拉列表项的值
  var selectedValue = dropdown.value;

  // 根据选中的值创建单选按钮
  if (selectedValue === "option1") {
    // 创建第一个单选按钮
    var radio1 = document.createElement("input");
    radio1.type = "radio";
    radio1.name = "radioGroup";
    radio1.value = "value1";
    radioContainer.appendChild(radio1);

    // 创建第一个单选按钮的标签
    var label1 = document.createElement("label");
    label1.innerHTML = "Option 1";
    radioContainer.appendChild(label1);
  } else if (selectedValue === "option2") {
    // 创建第二个单选按钮
    var radio2 = document.createElement("input");
    radio2.type = "radio";
    radio2.name = "radioGroup";
    radio2.value = "value2";
    radioContainer.appendChild(radio2);

    // 创建第二个单选按钮的标签
    var label2 = document.createElement("label");
    label2.innerHTML = "Option 2";
    radioContainer.appendChild(label2);
  } else if (selectedValue === "option3") {
    // 创建第三个单选按钮
    var radio3 = document.createElement("input");
    radio3.type = "radio";
    radio3.name = "radioGroup";
    radio3.value = "value3";
    radioContainer.appendChild(radio3);

    // 创建第三个单选按钮的标签
    var label3 = document.createElement("label");
    label3.innerHTML = "Option 3";
    radioContainer.appendChild(label3);
  }
}

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

<script>
  // 调用函数，传入下拉列表和单选按钮容器的id
  createRadioButtonsFromDropdown("dropdown", "radioContainer");
</script>