下拉框问题

我的代码如下：

<tr>
<td width="15%" bgcolor="#E1F0FF">
<div align="right">
职位类型：
</div>
</td>
<td width="48%">
<%
JobinfoBean jobz=new JobinfoBean();

Collection aty = JobinfoBean.getAllType2();
Iterator allTyp = aty.iterator();
System.out.println("TTT "+jobz.gettype12(id));

%>



<select id="te" name="selectType2" >

<option value=<%=jobz.gettype12(id)%>><%=jobz.gettype11(id)%></option>

<%
while (allTyp.hasNext()) {
JobinfoBean typ4 = (JobinfoBean)allTyp.next();
%>

<option>+<%=typ4.getT2name()%></option>

<%
for(int i=0;i<typ4.getT3All().size();i++){

%>

<option value=<%=typ4.getT4All().get(i)%>>&nbsp;|-<%=typ4.getT3All().get(i)%></option>

<%
}

}

%>
</select></td>
</tr>

现在下拉框有两级目录，我想控制用户只能选第二级目录，当选第一级时就提示选错了，请问应该怎么写js代码，请帮帮忙，谢了