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

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

Guanhui

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

オリジナル

7036 人が閲覧しました

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

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

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