IE报错，id未定义


<script>
function SetCookie(name,value) //储存cookie函数
{
    var Days = 30; 
    var exp  = new Date();
    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getCookie(name)  //读取函数
{
    var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
    if(arr != null) return unescape(arr[2]); return null;}
function setCS(obj) { SetCookie ("sl", obj.selectedIndex); }//OPTION 改变的时候 储存选择的是哪一项 
</script>
<script>
document.getElementById(mySelect).options[getCookie('sl')].selected=true; //读取上次选择的选项
</script>
<div class="search-filter">
  <select name='typeid' id="mySelect" onChange="setCS(this)"  class="nav">
    <option value='65'> 手机</option>
    <option value='92'> 微博</option>
    <option value='93'> 社交网</option>
    <option value='94'> 电子商务</option>
    <option value='95'> 浏览器</option>
    <option value='96'> 百度</option>
  </select>
</div>
在IE 中打开页面报错：mySelect未定义。
求大哥指点迷津！

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title></head><body>
    <script>
    function SetCookie(name,value) //储存cookie函数
    {
    var Days = 30; 
    var exp  = new Date();
    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
    }
    function getCookie(name)  //读取函数
    {
    var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
    if(arr != null) return unescape(arr[2]); return null;

    }
    function setCS(obj) { SetCookie ("sl", obj.selectedIndex); }//OPTION 改变的时候 储存选择的是哪一项 
    </script>

    <div class="search-filter">
      <select name='typeid' id="mySelect" onChange="setCS(this)"  class="nav">
    <option value='65'> 手机</option>
    <option value='92'> 微博</option>
    <option value='93'> 社交网</option>
    <option value='94'> 电子商务</option>
    <option value='95'> 浏览器</option>
    <option value='96'> 百度</option>
      </select>
    </div>
        <script>
    if(getCookie('sl'))
    document.getElementById('mySelect').options[getCookie('sl')].selected=true; //读取上次选择的选项
    </script>
    </body>
    </html>
      

  2.   

    还是同样报错
    网站地址你看看www.shenmapp.com  IE浏览器看
      

  3.   

    楼上正解，页面被加载时是从上往下解析执行，所以你的“mySelect"选择框还没加载，你就在JS中先访问它了，所以出错，说没定义
      

  4.   

    document.getElementById(mySelect)
    改成
    document.getElementById("mySelect")
      

  5.   

    放到onload 里，另外:
    document.getElementById(mySelect)
    改成
    document.getElementById("mySelect")