在 Web 開發中,動態設定選擇框元素的選定值通常是必要的。 JavaScript 提供了一種方便的方法來實現此目的。
問題:
考慮以下HTML 選擇框元素:
<select>
我們如何以程式設計方式根據給定的休假代碼(例如「 11”)選擇適當的選項JavaScript?
解決方案:
要動態選擇選項,我們可以使用以下JavaScript 函數:
function selectElement(id, valueToSelect) { let element = document.getElementById(id); element.value = valueToSelect; }
要使用此函數,只需傳遞選擇框元素的ID(在我們的例子中為“leaveCode”)和您要選擇的選項的值(例如, '11')。
範例:
selectElement('leaveCode', '11');
這將在選擇框中選擇值為「11」(病假)的選項。
以上是JavaScript 如何以程式設計方式選擇選擇框中的選項?的詳細內容。更多資訊請關注PHP中文網其他相關文章!