javascript判断下拉菜单值的问题

有一个二级联动菜单，如下，要求用户必须要选择二级分类，如果不选，则提示“还没有选择二级分类”。

        <select name="SecondClassID" onChange="changeselect1(this.value)">
          <option value="">==请选择二级分类==</option>
         </select>

        <select name="ThirdClassID"  >
          <option value="0">==请选择三级分类==</option>
        </select> 

一开始我是这样写的：

if(document.myform.SecondClassID.value.length==0)
{  
 alert('请输入产品名称！');  
 document.myform.SecondClassID.focus() ;  
 return false ;
}

一点效果都没有，而且这样写也不行：

if(document.getElementById("SecondClassId").value.length=="")
{  
 alert('还没有选择二级分类！');  
 document.myform.SecondClassID.focus() ;  
 return false ;
}

后来改成下面这样就行了

if(document.getElementById("SecondClassId").value.length=="")
{  
 alert('还没有选择二级分类！');  
 document.getElementById("SecondClassId").focus() ;  
 return false ;
}

具体原因还有待进一步研究……