リンクセレクト

仕様

名称リンクセレクト
概要セレクトタグを選択すると指定したURLへリンクするプログラムです。
タグセレクトタグ(select)、オプションタグ(option)
ライブラリjQuery(jQuery のダウンロード
更新履歴 2013年7月5日:バージョン1.0を公開

設置方法

HTML

<p><select class="linkselect">
    <option value="" selected>デモンストレーション</option>
    <option value="//www.google.co.jp">グーグル</option>
    <option value="//www.yahoo.co.jp">ヤフー</option>
</select></p>

JavaScript

$(function(){$('.linkselect').change(function(){window.location = $(this).val();});});

デモンストレーション

スポンサーリンク