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

时间:2011-09-06 09:46:07

标签: php html forms

我有一个像:

这样的数组
    '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>

我喜欢使用数组中的图像而不是下拉菜单。因此,当您单击图像时,将选择该字体。这可能吗?

1 个答案:

答案 0 :(得分:0)

您可以拥有一个隐藏的输入字段,每当用户点击图片时,您都可以使用JavaScript设置字体键隐藏输入的值。