通过 javascript 在 select 中分配选项元素

Question

我正在从数据库中获取一个列表，我需要在 select 中分配每个数据。

但是，我无法在 select 中分配选项元素。

按照我的代码。

let inputCategory = document.querySelector("#modal_form_product select[name='category']");
let option = document.createElement("option");
option.innerText = "5555";
option.value = "5555";
inputCategory.innerHTML += option;
console.log(inputCategory)

Answer 1

您创建了元素，因此 append 它。 innerHTML仅适用于您有 HTML 字符串的情况。

let inputCategory = document.querySelector("#modal_form_product select[name='category']");
let option = document.createElement("option");
option.innerText = "5555";
option.value = "5555";
inputCategory.appendChild(option);

或者

let inputCategory = document.querySelector("#modal_form_product select[name='category']");
inputCategory.innerHTML += `<option value=5555>5555</option>`;

或者

let inputCategory = document.querySelector("#modal_form_product select[name='category']");
inputCategory.insertAdjacentHTML('beforeend', `<option value=5555>5555</option>`);