揮発性のメモ２

知識をメモ書きしておく

selectのselectedはattrでなくpropで設定する

JavaScript 
<!DOCTYPE HTML>
<HTML lang=ja>
<HEAD>
<script src="jquery.js"></script>
<script>
    function selectchange(n){
        var a = $('select#sel option');
//      a.eq(n).attr('selected','selected');
        a.eq(n).prop('selected','selected');
        return false;
    }

    $(function(){
        selectchange(1);
    });
</script>
</head>

<body>
    <form id="login" action="">
        <select id="sel">
            <option value="1">A</option>
            <option value="2" selected>B</option>
            <option value="3">C</option>
            <option value="4">D</option>
        </select>
        <br><br>
        <button onclick="return selectchange(1)">B選択</button>
    </form>
    <button onclick="return selectchange(2)">C選択</button>
    <button onclick="return selectchange(3)">D選択</button>
</body>
</html>

jQueryでフォーム部品のcheckedやselectedはpropで操作する - 銀の弾丸
attr()で変更しても割とどのブラウザでもちゃんと動くけど、IE10でのみ、しっかりとおかしな動作を再現してくれた。
ときどき動いたり動かなかったりするので注意する。
値がわかってるならval()使った方がいいけど