JavaScript はプログラムで選択ボックスのオプションをどのように選択できますか?

JavaScript を使用したセレクト ボックス要素のオプションのプログラムによる選択

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 中国語 Web サイトの他の関連記事を参照してください。