可点击的图片而不是下拉菜单

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设置字体键隐藏输入的值。