フォーム送信後に選択したドロップダウン値を保持するにはどうすればよいですか?

フォーム送信後にドロップダウンで選択した値を保持する

提供された HTML フォームでは、ドロップダウン メニューで選択した値がフォーム送信後に保持されません提出。この問題は、JavaScript を使用して送信されたデータに基づいてドロップダウン値を動的に設定することで解決できます。

これを実現するには:

1. ドロップダウン入力に一意の ID を追加します: JavaScript を容易にするために、各ドロップダウン入力に一意の ID (名前や場所など) を割り当てます。操作.
2. PHP で送信された値を取得します: PHP バックエンドで、$_GET['name'] と $_GET['location'] を使用して送信された値を取得します。
3. JavaScript を使用してドロップダウン値を設定: JavaScript を使用して、ドロップダウン入力の value 属性を、対応する送信された値に設定します。次のスクリプトはこれを実現します:

document.getElementById('name').value = "<?php echo $_GET['name']; ?>";
document.getElementById('location').value = "<?php echo $_GET['location']; ?>";

これらの手順を実装すると、ドロップダウン メニューで選択した値がフォーム送信後も選択されたままになり、よりユーザー フレンドリーなエクスペリエンスが提供されます。

以上がフォーム送信後に選択したドロップダウン値を保持するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。