为什么select标签下拉框选项和我的页面不对应？详细情况如下：

            根据语言的选择切换界面的语言。

            刚进入页面还好都是正确的。


            但是多次选择之后就变成界面和下拉框选项不对应。

            查了很多资料，js cookies可以解决，有哪位大神帮忙解析一下，或者别的办法也可以。帮帮忙。
            这是我的select标签的id
                <select class="select" id="select" onchange="xiaoshi(this.value)">
                    <option value="中文" class="td">中文</option>
                    <option value="Enlish" class="td">Enlish</option>
                    <option value="日本语"class="td">日本语</option>
                </select>

 <select class="select" id="select" onchange="xiaoshi(this.value)">
    <option value="中文" class="td">中文</option>
    <option value="Enlish" class="td">Enlish</option>
    <option value="日本语" class="td">日本语</option>
</select>
<script>
    var m = /(^| |;)lang=([^;]+)/.exec(document.cookie);//从cookie中读取存储的语言
    if(m)document.getElementById('select').value=decodeURIComponent(m[2])//选择过设置下拉框的值
    function xiaoshi(v) {
        document.cookie = 'lang=' + encodeURIComponent(v);//cookie存储选择的语言
        //...原来的代码
    }


</script>

中文
Enlish
日本语

var m = /(^| |;)lang=([^;]+)/.exec(document.cookie);//从cookie中读取存储的语言 if(m)document.getElementById('select').value=decodeURIComponent(m[2])//选择过设置下拉框的值 function xiaoshi(v) { document.cookie = 'lang=' + encodeURIComponent(v);//cookie存储选择的语言 }