JSでドロップダウンボックスのデフォルト値を設定するにはどうすればよいですか?-jsチュートリアル-php.cn

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

Guanhui

リリース： 2020-06-13 12:00:35

オリジナル

7200 人が閲覧しました

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