如何設定下拉式選單? - 部落格

※ 引述《poasdm (淺藍色)》之銘言：
: 目前我的Blogger 的 Labels 底下沒有下拉式選單
: 因為想要整理一下分類主題
: 所以覺得下拉式選單是很不錯的方法
: 搜尋了一下PTT的下拉式選單
: 幾乎教學都看不到了 =.=
: 我想要的下拉式選單是
: 比如說 線上視頻 底下 可以選擇年份 1993 1994 1995
: 雜誌 底下 可以選擇 A雜誌 B雜誌 Ｃ雜誌
: 不知道要怎麼設定這個呢?


先開兩個標籤欄位

一個設定讓他只出現1993.1994.1995三個標籤

一個設定出現A雜誌、B雜誌、C雜誌

欄位標題暫時先隨便打

然後再去展開小裝置範本

找到這兩個標籤欄位

把<ul>到</ul>的部份取代成如下

<select onchange='location=this.options [this.selectedIndex].value;'>
<option>請選擇</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'>
<data:label.name/> (<data:label.count/>)
</option>
</b:loop>
</select>

重點就是黃色那一行<option>跟</option>中間的文字

一個改成線上視頻，一個改成雜誌

這樣標題欄位就能留空了，當然你不留空也是可以

就看你自己覺得怎樣子比較好看又不佔空間

不過兩個下拉選單會有點距離

你可能要再透過CSS把她們調近一點~~

--