HTML ドロップダウン ボックスで項目を事前に選択するにはどうすればよいですか?

ドロップダウン ボックスで選択した項目を設定する

Web 開発では、要素は、ユーザーが選択できるオプションのドロップダウン リストを表します。ドロップダウン ボックスに事前に選択された項目を設定するには、「selected」属性を利用する必要があります。

次のシナリオを考えてみましょう。月の値を保存するデータベースがあり、編集内容を作成したいと考えています。ユーザーが今月を変更できるページ。データベースから現在の月を事前に入力したドロップダウン ボックスが必要です。

解決策:

ドロップダウンで選択した項目を設定するには、次のように割り当てます。 'selected' 属性を適切な に追加します。 element.

<option value="January" selected>January</option>

PHP 実装:

データベース値に基づいて選択された項目を動的に設定するには、次の PHP コードを使用します:

<option value="January" selected :>>January</option>

このコードは、データベース内の現在の月が「1 月」であるかどうかを確認し、

代替アプローチ:

代替アプローチは、値の配列を作成し、それを反復処理してドロップを生成することです。ダウンオプション。これにより、よりクリーンで保守しやすいコードが得られます。

<?php $months = ['January', 'February', 'March', 'April', 'May', 'June'];

echo '<select>';
foreach ($months as $month) {
    $selected = $month == $row['month'] ? ' selected="selected"' : '';
    echo "<option value="$month">$month</option>";
}
echo '';
?>

このメソッドを使用すると、PHP コードを変更せずに、ドロップダウンから月を簡単に追加または削除できます。

以上がHTML ドロップダウン ボックスで項目を事前に選択するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。