主页 / 问题 / 1244918
Accepted
Дмитрий Белый
Asked:2022-02-17 03:25:35 +0800 CST2022-02-17 03:25:35 +0800 CST

在 JS 中动态创建 <Select> 列表

  • 772

各位大神，谁能帮忙解决一下这个问题：有一个按钮，当你点击它的时候，每次都会新建一个同名的“select”列表，并且“option”元素都是从sql数据库中获取的。

javascript

1 个回答

  1. Best Answer

    您可以使用此选项。

    使用document.createElement我们创建select，使用document.createElement和HTMLSelectElement.add()我们option从您的列表中创建并添加到select

    const body = document.body;
const listOptions = ["JS", "HTML", "CSS"];
const listSelects = [];

function createSelect() {
  const select = document.createElement("select");
  listSelects.push(select);
  select.id = `select_${listSelects.length}`;
  select.name = `selectName`;
  body.appendChild(select);

  for (let i = 0; i < listOptions.length; i++) {
    const option = document.createElement("option");
    // option.selected = ...;
    // option.disabled = ...;
    option.value = listOptions[i];
    option.text = listOptions[i];
    select.add(option);
  }
}
    <button onClick="createSelect()">Создать select</button>

    • 2

相关问题