可點擊圖像，而不是下拉菜單

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將隱藏輸入的值設置爲字體鍵。