2015-04-24 32 views
0

我正在尋找用圖像替換選擇下拉菜單。用圖像替換選擇下拉菜單

我目前的下降代碼下來是

<div class="app_services_dropdown_select"> 
    <select name="app_select_services" class="app_select_services"> 
    <option value="1" selected="selected">Class IV MOT (Up to 3,000KG)</option> 
    <option value="2">Class VII MOT (3,000KG - 3,500KG)</option></select> 
    <input type="button" class="app_services_button" value="Show available times"> 
</div> 

它是此代碼生成:

$s .= '<div class="app_services">'; 
$s .= '<div class="app_services_dropdown">'; 
$s .= '<div class="app_services_dropdown_title">'; 
$s .= $select; 
$s .= '</div>'; 
$s .= '<div class="app_services_dropdown_select">'; 
$s .= '<select name="app_select_services" class="app_select_services">'; 
    if ($services) { 
     foreach ($services as $service) { 
      $service_description = ''; 
      // Check if this is the first service, so it would be displayed by default 
      if ($service->ID == $appointments->service) { 
       $d = ''; 
       $sel = ' selected="selected"'; 
      } 
      else { 
       $d = ' style="display:none"'; 
       $sel = ''; 
      } 
      // Add options 
$s .= '<option value="'.$service->ID.'"'.$sel.'>'. stripslashes($service->name) . '</option>'; 
     } 
    } 
    $s .= '</select>'; 
    $s .= '<input type="button" class="app_services_button" value="'.$show.'">'; 
    $s .= '</div>'; 
    $s .= '</div>'; 

我真的想要一輛車的形象,值1和一輛麪包車作爲價值2,加上我真的希望它提交點擊而不是按鈕。

是否可以用圖像替換下拉列表,或者是否需要使用單選按鈕,然後使用圖像對其進行設置?

你可以看到我目前的下拉菜單中使用here

+0

Click處理程序,使Ajax調用並不複雜的圖像上。你的具體問題是什麼,你有什麼嘗試?這個網站不是UX概念的測試板,它是針對真正的代碼相關的問題。問題實在太廣泛。 – charlietfl

+0

@charlietfl - 我的具體問題是真的問是否有可能用圖像替換掉我的下拉菜單,或者是否需要使用單選按鈕等......我不問問哪一個人認爲是最好的方法。對不起,如果我不是在我的問題具體。如果可以的話,我會將其重新說明 –

+0

就收音機而言,如果這是更大形式的一部分,只會真的需要這些。可以很容易地將它們用於包裝圖像並覆蓋收音機的標籤內。帶有內部收音機(或「for」)的'

回答

-1

有觸發用javascript一個div的幽靈的鏈接。

該div將包含兩個鏈接圖像,以及您希望用戶去的鏈接。

這個div也需要放在與觸發它的初始鏈接相對的位置。

如果你不想通過自己的下拉程序,你可以使用庫,例如​​bootstrapjquery-ui

+0

真的不知道這是如何回答OP的問題。它不是很清楚你甚至建議什麼 – charlietfl

0

有各種可用插件,幫助你實現你的目標。我用Google搜索,發現一些你可以嘗試一下

  1. ddslick
  2. Ms Dropdown
+0

嗨,感謝這些,我檢查過,這些似乎只是將圖像添加到下拉菜單中,而不是替換下拉菜單。 –