Php 可单击图像，而不是下拉菜单

我有一个数组，如：

    '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>

---

我喜欢使用数组中的图像，而不是下拉菜单。因此，当您单击图像时，字体会被选中。这是可能的吗？

您可以有一个隐藏的输入字段，每当用户单击图像时，您都可以使用JavaScript将隐藏输入的值设置为字体键。

嗨，Maaerten，您能让它正常工作吗？