ホームページ  >  記事  >  ウェブフロントエンド  >  JSでドロップダウンボックスのデフォルト値を設定するにはどうすればよいですか?

JSでドロップダウンボックスのデフォルト値を設定するにはどうすればよいですか?

Guanhui
Guanhuiオリジナル
2020-06-13 12:00:357034ブラウズ

JSでドロップダウンボックスのデフォルト値を設定するにはどうすればよいですか?

#JS でドロップダウン ボックスのデフォルト値を設定するにはどうすればよいですか?

最初に標準の HTML5 ドキュメントを作成します;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

次にドキュメントにドロップダウン ボックスを追加します;

<select name="users">
        <option value="1">User 1</option>
        <option value="2">User 2</option>
        <option value="3">User 3</option>
        <option value="4">User 4</option>
        <option value="5">User 5</option>
    </select>

次にページに jQuery を導入します;

<script src="./js/jquery.min.js"></script>

最後にページに script タグを記述し、タグ内で jQuery を使用してドロップダウン ボックスの値をデフォルト値に設定します。

<script>
        $(function(){

            $(&#39;.users&#39;).val(2);

        });
    </script>

推奨チュートリアル: 「JS チュートリアル

以上がJSでドロップダウンボックスのデフォルト値を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。