级联下拉菜单取值的问题，着急在线等。。。
我希望得到这样的效果
一级菜单如下内容：
所有设备
一次设备
二次设备
设备1
设备2
设备3
设备4
二级菜单意思是：
当选择一次设备时只显示设备1、设备2
当选择二次设备时只显示设备3、设备4
如果选择所有设备、设备1、设备2、设备3、设备4时则二级菜单隐藏
最后在该级联菜单的前面有一个input文本框取得所选择的选项的显示值即text值
请问如何实现，不知道我是否说的明白，请高手帮忙呀
问题点数：30、回复次数：2Top
1 楼leyan728（乐言）回复于 2006-02-10 14:40:17 得分 30
<script LANGUAGE="JavaScript">
lists =[["所有设备"],
["一次设备","设备1","设备2"],
["二次设备","设备3","设备4"]]
ln = lists.length
function init(){
str = "<select name=first onchange=ssel(value)>"
for(i=0;i<ln;i++){
str += "<option value='"+i+"'>"+lists[i][0]+"</option>"
}
selit1.innerHTML = str + "</select>";
//selit2.innerHTML = "<select><option>--请选择--</option></select>";
}
function ssel(x){
sln = lists[x].length
if (sln>0){
str = "<select name=second onChange=ChangePicType(this)><option>--请选择--</option>"
for(i=1;i<sln;i++){
str += "<option value='"+i+"'>"+lists[x][i]+"</option>"
}
selit2.innerHTML = str + "</select>";
}
}
onload=init
function ChangePicType (obj)
{
for (var i=1; i<5; i++)
{
if (i==obj.options[obj.selectedIndex].value)
{
selit.value="";
}
else
{
selit.value=document.all.second.options[document.all.second.selectedIndex].innerText;;
}
}
}
</script>
<TABLE cellSpacing=0 cellPadding=0 width="60%" align=center border=0>
<TR bgColor=#ffffff>
<TD height=26><INPUT TYPE="text" NAME="" id='selit'></td></TR>
<TR bgColor=#ffffff><TD height=26 id=selit1></TD>
</TR>
<TR bgColor=#ffffff>
<TD height=26 id=selit2></td></TR>
</TABLE>Top
2 楼yesjoy（卫卫）回复于 2006-02-10 16:17:27 得分 0
楼上的为什么级联菜单不在一行呢？
还有在一级菜单中还应该有
设备1
设备2
设备3
设备4
也就是说我即可以通过一级菜单选择设备也可以通过二级菜单选择设备啊Top
