如何使用 JavaScript 在選擇元素中動態建立選項？

使用 JavaScript 將選項加入選擇

問：我想在 ID 為「mainSelect」的選擇元素中動態建立 12 到 100 個選項。如何在不手動建立每個選項標籤的情況下實現此目的？

答：這是使用簡單for 循環的解決方案：

var min = 12,
    max = 100,
    select = document.getElementById('selectElementId');

for (var i = min; i<=max; i++){
    var opt = document.createElement('option');
    opt.value = i;
    opt.innerHTML = i;
    select.appendChild(opt);
}

在此程式碼中：

• 我們首先聲明選項的最小值和最大值。
• 然後，我們使用 document.getElementById() 來取得選擇元素。
• 接下來，我們建立一個 for 循環，從
• 對於每次迭代，我們建立一個 option 元素，設定其值和innerHTML，最後將其附加到 select 元素。

這種方法很有效並允許您輕鬆地為任何給定的選擇元素動態建立一系列選項。

以上是如何使用 JavaScript 在選擇元素中動態建立選項？的詳細內容。更多資訊請關注PHP中文網其他相關文章！