Динамическое создание option для HTML select

Расширенные примеры генерации option

Пример 1: Добавление data-атрибутов к option

Иногда требуется передать дополнительные данные (например, ID, цену) через data-атрибуты. В PHP это реализуется конкатенацией.

$items = [
    ['value' => 1, 'label' => 'Товар A', 'price' => 100],
    ['value' => 2, 'label' => 'Товар B', 'price' => 200],
];
$selected = 1;
echo '<select name='product'>';
foreach ($items as $item) {
    $sel = ($item['value'] == $selected) ? ' selected' : '';
    echo '<option value='' . $item['value'] . '" data-price="' . $item['price'] . '"' . $sel . '>' . htmlspecialchars($item['label']) . '</option>';
}
echo '</select>';

<select name='product'>
    <option value='1' data-price='100' selected>Товар A</option>
    <option value='2' data-price='200'>Товар B</option>
</select>

Используется для клиентской логики (JavaScript), когда нужно получить дополнительные данные.

Пример 2: Рекурсивное построение option для вложенных категорий

Для многоуровневых категорий (например, каталог) удобно использовать рекурсивную функцию, добавляющую отступы.

function buildOptions($categories, $selectedId, $depth = 0) {
    $html = '';
    $prefix = str_repeat(' ', $depth * 4);
    foreach ($categories as $cat) {
        $sel = ($cat['id'] == $selectedId) ? ' selected' : '';
        $html .= '<option value='' . $cat['id'] . '"' . $sel . '>' . $prefix . htmlspecialchars($cat['name']) . '</option>';
        if (!empty($cat['children'])) {
            $html .= buildOptions($cat['children'], $selectedId, $depth + 1);
        }
    }
    return $html;
}
$tree = [
    ['id' => 1, 'name' => 'Электроника', 'children' => [
        ['id' => 2, 'name' => 'Телефоны', 'children' => []],
        ['id' => 3, 'name' => 'Ноутбуки', 'children' => []]
    ]],
    ['id' => 4, 'name' => 'Одежда', 'children' => []]
];
echo '<select name='category'>';
echo buildOptions($tree, 2);
echo '</select>';

<select name='category'>
    <option value='1'>Электроника</option>
    <option value='2' selected>    Телефоны</option>
    <option value='3'>    Ноутбуки</option>
    <option value='4'>Одежда</option>
</select>

Используется в сложных каталогах, где нужна иерархия.

Пример 3: Генерация option через array_reduce

Функция array_reduce сводит массив к одному значению, что позволяет сформировать строку с option в функциональном стиле.

$colors = ['red' => 'Красный', 'green' => 'Зелёный', 'blue' => 'Синий'];
$selected = 'red';
$result = array_reduce(array_keys($colors), function($carry, $value) use ($colors, $selected) {
    $sel = ($value == $selected) ? ' selected' : '';
    return $carry . '<option value='' . htmlspecialchars($value) . '"' . $sel . '>' . htmlspecialchars($colors[$value]) . '</option>';
}, '');
echo '<select name='color'>' . $result . '</select>';

<select name='color'>
    <option value='red' selected>Красный</option>
    <option value='green'>Зелёный</option>
    <option value='blue'>Синий</option>
</select>

Подходит для однострочного решения, но сложнее в отладке.

Пример 4: Блокировка отдельных option

Иногда нужно показать option, который недоступен для выбора. Используется атрибут disabled.

$items = [
    ['value' => 1, 'label' => 'Доступно', 'disabled' => false],
    ['value' => 2, 'label' => 'Нет в наличии', 'disabled' => true],
    ['value' => 3, 'label' => 'Доступно', 'disabled' => false],
];
$selected = 1;
echo '<select name='item'>';
foreach ($items as $item) {
    $sel = ($item['value'] == $selected) ? ' selected' : '';
    $dis = $item['disabled'] ? ' disabled' : '';
    echo '<option value='' . $item['value'] . '"' . $sel . $dis . '>' . htmlspecialchars($item['label']) . '</option>';
}
echo '</select>';

<select name='item'>
    <option value='1' selected>Доступно</option>
    <option value='2' disabled>Нет в наличии</option>
    <option value='3'>Доступно</option>
</select>

Применяется в формах для товаров, которые временно недоступны.

Пример 5: Генерация option из отдельных массивов значений и меток

Если значения и метки хранятся в разных массивах (например, из разных источников), можно объединить.

$values = ['ru', 'en', 'fr'];
$labels = ['Русский', 'Английский', 'Французский'];
$selected = 'en';
echo '<select name='lang'>';
for ($i = 0; $i < count($values); $i++) {
    $val = $values[$i];
    $lab = $labels[$i];
    $sel = ($val == $selected) ? ' selected' : '';
    echo '<option value='' . htmlspecialchars($val) . '"' . $sel . '>' . htmlspecialchars($lab) . '</option>';
}
echo '</select>';

<select name='lang'>
    <option value='ru'>Русский</option>
    <option value='en' selected>Английский</option>
    <option value='fr'>Французский</option>
</select>

Используется при работе с API, возвращающими массивы.