ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 選択ボックスのオプションをプログラムで選択するにはどうすればよいですか?

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

Patricia Arquette
リリース: 2024-11-30 00:49:10
オリジナル
172 人が閲覧しました

How Can I Programmatically Select an Option in a JavaScript Select Box?

JavaScript を使用して選択ボックス要素の値をプログラムで設定する方法

HTML <select> があるとします。要素は次のように定義されます:

<select>
ログイン後にコピー

JavaScript を使用して、指定された LeaveCode 番号に基づいて、このリスト内の適切なオプションをプログラムで選択したいとします。

これを実現するには、次の関数を使用できます。

function selectElement(id, valueToSelect) {    
    let element = document.getElementById(id);
    element.value = valueToSelect;
}

selectElement('leaveCode', '11');
ログイン後にコピー

この関数は、select 要素の ID (この例では「leaveCode」) と必要な値 (この例では「11」) を受け取ります。提供されている例) をパラメータとして使用します。次に、HTML <select> の value プロパティをプログラムで設定します。

この関数を使用すると、JavaScript コード内の任意の基準または条件に基づいてセレクト ボックス要素内の特定のオプションを動的に選択でき、HTML フォーム要素の柔軟性と制御が向上します。 .

以上がJavaScript 選択ボックスのオプションをプログラムで選択するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート