Кликабельные изображения вместо выпадающего меню

Question

У меня есть массив вроде:

    'impact' => array(
        'name' => 'Impact',
        'import' => '',
        'css' => "font-family: Impact, Charcoal, sans-serif;",
        'image' => 'impact.png'         
    ),
    'palatino-linotype' => array(
        'name' => 'Palatino Linotype',
        'import' => '',
        'css' => "font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;",
        'image' => 'palatino-linotype.png'          
    ),

И выпадающее меню, например:

        <select name="my-options[primary-font]">
        <?php foreach( $fonts as $font_key => $font ): ?>
            <option <?php selected( $font_key == $current_font ); ?> value="<?php echo $font_key; ?>"><?php echo $font['name']; ?></option>
        <?php endforeach; ?>
        </select>

Мне нравится использовать изображения из массива вместо выпадающего меню.Поэтому, когда вы нажимаете на изображение, шрифт выбирается.Это возможно?

Answer 1

Вы можете иметь одно скрытое поле ввода, и всякий раз, когда пользователь щелкает изображение, вы устанавливаете значение скрытого ввода для ключа шрифта с помощью JavaScript.