如何使用 JavaScript 以程式設計方式設定選擇框元素的值？

我們可以使用以下命令，使用 Javascript 設定選擇框的值。假設我們有以下選擇框 -

<select id="my-select" value="1">
   <option value="1">Select</option>
   <option value="2">Apple</option>
   <option value="3">Strawberry</option>
   <option value="4">Cherry</option>
   <option value="5">Guava</option>
</select>

要設定此選擇元素的值，我們需要使用 querySelector 訪問它。然後設定值。例如 -

示例

// Search the select box
const mySelectBox = document.querySelector('#my-select');
// Set the value to 3 or Strawberry
mySelectBox.value = 3;

Ayush Gupta

更新於：2019 年 11 月 27 日

793 次瀏覽

啟動你的職業生涯

完成課程即可獲得認證

開始