关联菜单

      脚本笔记 2005-5-17 13:50
常见应用于省市关联,手机型号厂商关联。
利用二维数组和JS跳转语句(onchange)实现,当选择项目比较多时,应考虑使用数据库。
例:二级关联菜单原理:手机厂商与型号
1。建一数据库:表A(手机厂商列表,字段ID,CELLNAME),表B(手机型号列表,字段ID,CELLMODEL,NAMEID(NAMEID要对应表A里的ID)
2。连接数据库文件CONN。ASP
3。显示页面内容: 表单<form>里两个<select>
<select name="sel1" size="1" onchange="funchange(document.frm.sel1.options[document.frm.sel1.selectedindex].value)">
<option value=<%=rs("id")%>><%=rs("cellname")%></option>
。。。//记录下移
<select name="sel2" size="1">
4.定义数组arraycell=new Array()
循环存入表B中的所有字段到数组
arraycell(i)=new Array(id,cellmodel,nameid)
funchange(nameid)函数
{ document.frm.sel2.length=0
var nameid=nameid
     var j
     document.frm.sel2.options[0]=new Options("型号","型号")
for (j=0;j<i;j++)
{ if (nameid==array[j][2])
     { document.frm.sel2.options[document.frm.sel2.length]=new Option(arraycell[j][0],arraycell[j][1]) //自定义对象属性,JS不支持二维数组


标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commentauthor}
{commentauthor}
{commenttime}
{commentnum}
{commentcontent}
作者:
{commentrecontent}