プルダウンでの画面遷移メモ #JavaScript

内容

プルダウンを変更して画面遷移するメモ
option タグのvalueの値に遷移する。

html

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    $('select[name=prefecture]').change(function() {
        if ($(this).val() != '') {
            window.location.href = $(this).val();
        }
    });
});
</script>
</head>

<body>
関東：
    <select name="prefecture">
        <option value="/map/prefecture/8">茨城県</option>
        <option value="/map/prefecture/9">栃木県</option>
        <option value="/map/prefecture/10">群馬県</option>
        <option value="/map/prefecture/11">埼玉県</option>
        <option value="/map/prefecture/12">千葉県</option>
        <option value="/map/prefecture/13" selected>東京都</option>
        <option value="/map/prefecture/14">神奈川県</option>
    </select>
</body>
</html>