SELECTBOXでページを切り替えたいときがある。よくあるのが、検索結果一覧において「30件、50件」のようにSELECTBOXで表示件数を切り替えられるようにするケース。
調べたけど、スマートな記載が簡単に探せなかったので、メモしておく。 optionのvalueに切り替え先のページのアドレスを記入し、optionが選択されたらそのアドレスに飛ぶようにしている。
<select id="fruit" name="fruit" onchange="location.href=this.options[this.selectedIndex].value;"> <option value="apple.html">りんご</option> <option value="banana.html">ばなな</option> <option value="cherry.html">さくらんぼ</option> </select>
