jsp做级联下拉菜单
- 提问者网友:江山如画
- 2021-02-20 06:49
我是想要从数据库中动态的获取数据的
- 二级知识专家网友:青灯壁纸妹
- 2021-02-20 08:12
可以自定义位置和样式 比较实用
里面有教程和源码
- 1楼网友:萌萌哒小可爱
- 2021-02-20 12:26
<html> <head> <title>两级下拉级联菜单</title> <script language="javascript"> <!-- //第一维:第一个下拉列表的值 //第二维:第二个下拉列表中看到的字符串 //第三维:第二个下拉列表中的值 var subcat = new array(); //如果大类的值是动态的,则可以通过数据库中获取,如下设置 //subcat[<%=count%>] = new array('<%=trim(rs("leemaid"))%>','<%=rs("leemaconte nt")%>','<%=rs("leemacontent")%>'); subcat[0] = new array('1','电视机','=1') subcat[1] = new array('1','电风扇','=2') subcat[2] = new array('1','电饭煲','=3') subcat[3] = new array('1','电炒锅','=4') subcat[4] = new array('1','电灯','=5') subcat[5] = new array('1','电脑','=6') subcat[6] = new array('1','电冰箱','=7') subcat[7] = new array('1','洗衣机','=8') subcat[8] = new array('1','微波炉','=9') subcat[9] = new array('1','vcd影碟机','=10') subcat[10] = new array('2','二极管','=11') subcat[11] = new array('2','三极管','=12') subcat[12] = new array('2','cmos集成块','=13') subcat[13] = new array('2','电阻','=14') subcat[14] = new array('2','电容','=15') subcat[15] = new array('2','整流二极管','=16') subcat[16] = new array('2','整流桥','=17') subcat[17] = new array('2','可控硅','=18') subcat[18] = new array('2','电子枪','=19') subcat[19] = new array('2','光敏二极管','=20') function changeselect(selectvalue) { document.form.s2.length = 0;//初始化下拉列表 清空下拉数据 //document.form.s2.options[0] = new option('请选择二级小类','');//给第一个值 for (i=0; i<subcat.length; i++)//legth=2 { if (subcat[i][0] == selectvalue)//[0] [1] 第一列 第二列 { document.form.s2.options[document.form.s2.length] = new option(subcat[i][1], subcat[i][2]); } } } //--> </script> </head>
<body> <form name="form"> 二级联动: <select name="s1" onchange="changeselect(this.value)"> <option>请选择一级大类</option> <option value="1">家用电器</option> <option value="2">电子元器件</option> </select> <select name="s2" onchange="alert(this.value)"> <option>请选择二级小类</option> </select> </form> </body> </html>
最基础的html代码。js都有注释的。
- 2楼网友:社会水太深
- 2021-02-20 10:55
- 3楼网友:温柔刺客
- 2021-02-20 09:21