HTML 드롭다운 상자에서 항목을 미리 선택하는 방법은 무엇입니까?

드롭다운 상자에서 선택한 항목 설정

웹 개발에서는 <select> 요소는 사용자가 선택할 수 있는 옵션의 드롭다운 목록을 나타냅니다. 드롭다운 상자에서 미리 선택된 항목을 설정하려면 '선택됨' ​​속성을 활용해야 합니다.

다음 시나리오를 고려하십시오. 월 값을 저장하는 데이터베이스가 있고 편집을 생성하려고 합니다. 사용자가 이번 달을 수정할 수 있는 페이지입니다. 데이터베이스의 이번 달이 미리 채워진 드롭다운 상자가 필요합니다.

해결책:

드롭다운에서 선택한 항목을 설정하려면 'selected' 속성을 적절한 <option> element.

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

PHP 구현:

데이터베이스 값을 기반으로 선택한 항목을 동적으로 설정하려면 다음 PHP 코드를 사용합니다.

<option value="January" <?=$row['month'] == 'January' ? ' selected="selected"' : '';?>>January</option>

이 코드는 데이터베이스의 이번 달이 '1월'인지 확인하고 'selected="selected"' 속성을 추가합니다.

대체 접근 방식:

대안 접근 방식은 값 배열을 생성하고 이를 반복하여 드롭다운 옵션을 생성하는 것입니다. 이렇게 하면 코드가 더 깔끔하고 유지 관리하기 쉬워집니다.

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

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

이 방법을 사용하면 PHP 코드를 수정하지 않고도 드롭다운에서 월을 쉽게 추가하거나 제거할 수 있습니다.

위 내용은 HTML 드롭다운 상자에서 항목을 미리 선택하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!