网页编程的小问题JS（1）

今天编写JS代码的时候遇到棘手的问题，明明HTML中存在如下代码

                    <select id="ddlClassID" runat="server" style=" width: 200px" onchange="selectClassID()">
                        <option></option>
                    </select>

明明有ddlClassID这个元素的。但是在JS代码执行的时候

        function selectClassID()
        {
            var classID = document.getElementById(‘ddlClassID’);
            var stuID = document.getElementById(‘ddlClassID’);
            stuID.value = classID.value.substring(0,6);
            stuID.setAttribute
        }

就会出现一个极其纠结的问题，对象为空或是不存在

进过研究我终于发现 ，原来在ASP.NET中控件添加了属性runat="server"之后，select控件的客户端的ID被改变加长了所以JS代码就应该改为

        function selectClassID()
        {
            var stu = "<%=txtStuID.ClientID%>";
            var cls = "<%=ddlClassID.ClientID%>";
            var classID = document.getElementById(cls);
            var stuID = document.getElementById(stu);
            stuID.value = classID.value.substring(0,6);
            stuID.setAttribute
        }

这样在JS代码中select就能被访问到了