DEITOUDA
色んな事を試してみるところ
ツリーメニュー1
プルダウンメニュー
・スマホ向けおみくじ
■プルダウンメニュー

ツリーメニューをやるには結構ガッツリと改造が必要そうだぞ!
と気付いたので今回はプルダウンメニューで誤魔化す。
プルダウンの方がいいかもなぁなんて思い始めてる。
サンプル

ソース

JavaScriptは以下
<script type="text/javascript"><!--
function monthgo(){
     mySelect = document.pulldown.monthmenu.selectedIndex;
     location.href = document.pulldown.monthmenu.options[mySelect].value;
}
// --></script>


HTML部分は以下の感じ
■プルダウンメニュー<br><br>
<form name="pulldown">
<select name="monthmenu" onchange="monthgo()">
<option value="./">月別アーカイブ
<option value="#202001">2020年01月
<option value="#201912">2019年12月
<option value="#201911">2019年11月
<option value="#201910">2019年10月
<option value="#201909">2019年09月
<option value="#201908">2019年08月
<option value="#201907">2019年07月
<option value="#201906">2019年06月
<option value="#201905">2019年05月
<option value="#201904">2019年04月
</select>
</form>

今の状態から動的にこのプルダウンメニューの形に変えるのはそんな難しいことなさそう。

参考にしたサイト