使用 JS 更改選擇的第一個選項文本

Question

<select>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select

我想用文本“在此處選擇”替換文本“選項 1”。 僅使用 JS。 但只有選擇的第一個選項。

Answer 1

這是一個簡單的方法來做到這一點！ 雖然，您下次必須共享您的嘗試代碼。 請閱讀論壇規則。

 <select> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> <script> (function(){ document.currentScript.parentNode.firstElementChild.textContent = "Select here"; }()) </script> </select>

Answer 2

您可以使用document.querySelector()來選擇元素的第一次出現：

 document.querySelector("option").textContent = "Select here";

 <select> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> </select>

Answer 3

您可以通過首先選擇select元素來選擇select HTML 元素的第一個子元素

const selectElement = document.querySelector("select");

因為，選項的孩子select ，那么你可以選擇特別是使用數組索引兒童和更改文本。

selectElement.children[0].textContent = "Select here"

 const selectElement = document.querySelector("select"); selectElement.children[0].textContent = "Select here"

 <select> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> </select>