JavaScriptで、セレクトボックスのoptionタグに動的にhiddenを設定する方法

Question

実現したいこと

JSのDOM操作でこのようなoptionタグを生成したいです。

<option hidden>前の項目を選択してください</option>

試したこと

JSで例えばidを付与する場合、次のように書きますが、hiddenを設定したい場合はどうすればいいのでしょうか？

const option = document.createElement("option");
option.id = "hoge"

// API仕様書などをみながら試して、うまくいきませんでした。
// option.hidden(true);
// option.setAttribute("hidden")
// option.setAttribute("option", "hidden");
// option.setAttribute("type", "hidden");

Answer 1

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/hidden

option.hidden = true;

でよいかと思います

Comments

[moyong]

見落としてました...
ありがとうございます！