小弟是个菜鸟,现在要做个组合查询的JSP页面。上面有很多查询条件,一些条件是关联关系的只有你选择的上一级的条件才会让你选择相应的下一级的条件。比如你在类别里选择是绘画类文物,质地选项就会变黑而流派会让你再进行选择。想问下各位大大怎么实现这种页面。
------解决方案--------------------
连动下拉列表框?
------解决方案--------------------
struts2有个2级下拉菜单的标签,你可以用用,呵呵
不想用的话,就去网上找找,很多级联查询的js例子
------解决方案--------------------
以前看到的一个
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=shift_jis " />
<title> 無題ドキュメント </title>
</head>
<script>
var id=new Array( " "
, "1 " // id
, "1 " // id
, "2 " // id
, "2 " // id
, "2 " // id
, "3 " // id
, "3 " // id
, "3 " // id
, "1 " // id
);
var title=new Array( " "
, "xiaofeizhe " // title
, "guyonggong " // title
, "sports " // title
, "age " // title
, "meinv " // title
, "wenxue " // title
, "star " // title
, "huahua " // title
, "gongsi " // title
);
function onsel(){
var mainid= " "+myform.personalCategoryId.value;
// alert(mainid);
var psel=myform.personaltypeId.options;
// alert(psel.length);
for(i=psel.length;i> 0;i--){
myform.personaltypeId.remove(i);
}
// alert(psel.length);
if(mainid== '0 ')
return;
var sel = document.getElementById( 'personaltypeId ').options;
for(j=1;j <id.length;j++){
// var tl=id[j].length-2;
// var tst=id[j].substring(0,tl);
if(id[j]==mainid){
// opt=document.createElement ( "option ");
// opt.value=id[j];
// opt.text=title[j];
var inserto = new Option(id[j],title[j]);
/*sel[0].insertAdjacentElement( 'afterEnd ', inserto);
for (var i=0; i <sel.length ; i++)
{
if (sel[i].value == id[j])
{sel[i].text =title[j];}
}
*/
sel[sel.length]=new Option(title[j],id[j]);
}
}
return true;
}
</script>
<body>
<form name= "myform " method= "post " action= "test.jsp " >
<table>
<tr>
<td>
<select name= "personalCategoryId " onchange= "onsel(); ">
<option > </option>
<option value= "1 " > the same </option>
<option value= "2 " > 学生 </option>
<option value= "3 " > 教授 </option>