组合查询的有关问题
日期：2014-05-20 浏览次数：20768 次
组合查询的问题。
小弟是个菜鸟，现在要做个组合查询的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>
小弟是个菜鸟，现在要做个组合查询的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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
