如何更新占位符<select>选择选项 - Vanilla JS

Question

I want the selected option to show as the placeholder when the user selects one.

Currently, it shows nothing, not even the option with selected : shows nothing

I am updating the options with vanilla js..

let select = document.querySelector("#category");

let items = ["one", "two", "three"];
let str = ""
for (let item of items) {
  str += `<option value=${item}>` + item + "</option>";
}
select.innerHTML = "<option disabled selected>Select a category</option>" + str;

So, whatever option is selected should populate the placeholder of the select box.

Answer 1

Never mind..

There was too much padding on the element, which was causing it not to show.