关于jsp页面随着菜单选项的不同而变化 最典型的就是 ajax省市级联csdn下载区有这个资源 下了去看看http://download.csdn.net/source/1329820 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 可不可以不要用Ajax,那方面知识没看过 可以啊,在下拉列表中加一个onchange()事件,当它改变的时候提交给servlet处理,并将信息返回就行了 <HTML><HEAD><META http-equiv='Content-Type' content='text/html; charset=gb2312'><TITLE>一个经典的下拉框三级联动,并链接到相应站点</TITLE></HEAD><BODY ><FORM name="isc"><table border="0" cellspacing="0" cellpadding="0"> <tr align="center"> <td nowrap height="11"> <select name="example" size="1" onChange="redirect(this.options.selectedIndex)"><option selected>---Select1-------------</option><option>Webmaster Sites</option><option>News Sites</option></select><select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)"><option value=" " selected> </option><option value=" " selected>---Select2--------------</option><option value=" " selected>---Select2--------------</option></select><select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)"><option value=" " selected> </option><option value=" " selected>---Select3----------------</option><option value=" " selected>---Select3----------------</option></select><script>var groups=document.isc.example.options.lengthvar group=new Array(groups)for (i=0; i<groups; i++)group[i]=new Array()group[0][0]=new Option("---Select2---"," ");group[1][0]=new Option("Now Select This One"," ");group[1][1]=new Option("JavaScript","47");group[1][2]=new Option("DHTML","46");group[1][3]=new Option("CGI","45");group[2][0]=new Option("Now Select This One"," ");group[2][1]=new Option("General News","115");group[2][2]=new Option("Technology News","116"); var temp=document.isc.stage2function redirect(x){for (m=temp.options.length-1;m>0;m--)temp.options[m]=nullfor (i=0;i<group[x].length;i++){temp.options[i]=new Option(group[x][i].text,group[x][i].value)}temp.options[0].selected=trueredirect1(0)}var secondGroups=document.isc.stage2.options.lengthvar secondGroup=new Array(groups)for (i=0; i<groups; i++) {secondGroup[i]=new Array(group[i].length)for (j=0; j<group[i].length; j++) {secondGroup[i][j]=new Array() }}secondGroup[0][0][0]=new Option("---Select 3---"," ");secondGroup[1][0][0]=new Option("---Select 3---"," ");secondGroup[1][1][0]=new Option("Now Select This One"," ");secondGroup[1][1][1]=new Option("Website Abstraction","http://wsabstract.com");secondGroup[1][1][2]=new Option("JavaScript for the non programmer","http://webteacher.com/javascript/");secondGroup[1][1][3]=new Option("Java-Scripts.net","http://java-scripts.net");secondGroup[1][2][0]=new Option("Now Select This One"," ");secondGroup[1][2][1]=new Option("Dynamic Drive","http://www.dynamicdrive.com");secondGroup[1][2][2]=new Option("Beginner\'s Guide to DHTML","http://www.geocities.com/ResearchTriangle/Facility/4490/");secondGroup[1][2][3]=new Option("Web Coder","http://webcoder.com/");secondGroup[1][3][0]=new Option("Now Select This One"," ");secondGroup[1][3][1]=new Option("CGI Resources","http://www.cgi-resources.com");secondGroup[1][3][2]=new Option("Ada\'s Intro to CGI","http://adashimar.hypermart.net/");secondGroup[2][0][0]=new Option("---Select 3---"," ");secondGroup[2][1][0]=new Option("Now Select This One"," ");secondGroup[2][1][1]=new Option("CNN","http://www.cnn.com");secondGroup[2][1][2]=new Option("MSNBC","http://www.msnbc.com");secondGroup[2][1][3]=new Option("ABC News","http://www.abcnews.com");secondGroup[2][2][0]=new Option("Now Select A Page"," ");secondGroup[2][2][1]=new Option("News.com","http://www.news.com");secondGroup[2][2][2]=new Option("Wired","http://www.wired.com");var temp1=document.isc.stage3function redirect1(y){for (m=temp1.options.length-1;m>0;m--)temp1.options[m]=nullfor (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)}temp1.options[0].selected=true}function redirect2(z){window.location=temp1[z].value}</script> </td> </tr></table></FORM></BODY></HTML> swandragon 的回帖很有用,我试了下,只是动态更新的效果还不是很好,有时选择了某个后并不会更新,如果能改进下就好了 js连动嘛。jquery解决,简单。 ajax级联操作,网上有很多关于这方面的资料;选择你熟悉的ajax框架,不用ajax框架用最原始的方式也很容易实现。到网上 复制,然后粘贴。 呵呵~ EASY 可以用ajax的控件,如jquery、ext等 其实肯定是用JS做了,用AJAX好处就是不用一次性把所有东西都传给浏览器。以减小数据传输。 改善了5楼的方法:<script type=text/javascript >function change(){ var v = document.getElementById("proBelong").value; document.getElementById('content').src = "pro_info_iframe.jsp?select="+v; }</script> <iframe frameborder="0" height="250" width="100%" id="content" src = "pro_info_iframe.jsp" name="content"></iframe> <select id="proBelong" name="proBelong" onchange="change()" > <option value="jbcp" selected="selected">基本产品</option> <option value="ptcp" >普通产品</option> <option value="zhyx" >综合营销类</option> </select> jsp传值到html,html环境是Apache SSH下如何获得要增加的下一个主键的值 老大要求做一个类似‘百度知道’的提问系统,要求JSP+ORACLE,有比较成熟的框架或源码吗? 初用ECLIPSE遇到问题 连接sybase数据库问题 帮助看看用户登录问题 jsp中session变量和request.getSession()得出来的变量是可以通用的吗? 第一次来这个版,现在想转学jsp,怎么开始啊? 菜鸟提问(在线等待!!) 关于列表在多个页面共享的问题。 struts2 property 标签 使用 hibernate 多表查询查不出,帮忙啊
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>一个经典的下拉框三级联动,并链接到相应站点</TITLE>
</HEAD>
<BODY ><FORM name="isc">
<table border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td nowrap height="11"> <select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option selected>---Select1-------------</option>
<option>Webmaster Sites</option>
<option>News Sites</option>
</select><select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---Select2--------------</option>
<option value=" " selected>---Select2--------------</option>
</select><select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---Select3----------------</option>
<option value=" " selected>---Select3----------------</option>
</select><script>var groups=document.isc.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()group[0][0]=new Option("---Select2---"," ");group[1][0]=new Option("Now Select This One"," ");
group[1][1]=new Option("JavaScript","47");
group[1][2]=new Option("DHTML","46");
group[1][3]=new Option("CGI","45");group[2][0]=new Option("Now Select This One"," ");
group[2][1]=new Option("General News","115");
group[2][2]=new Option("Technology News","116"); var temp=document.isc.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
redirect1(0)
}var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++) {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++) {
secondGroup[i][j]=new Array() }}secondGroup[0][0][0]=new Option("---Select 3---"," ");
secondGroup[1][0][0]=new Option("---Select 3---"," ");
secondGroup[1][1][0]=new Option("Now Select This One"," ");
secondGroup[1][1][1]=new Option("Website Abstraction","http://wsabstract.com");
secondGroup[1][1][2]=new Option("JavaScript for the non programmer","http://webteacher.com/javascript/");
secondGroup[1][1][3]=new Option("Java-Scripts.net","http://java-scripts.net");secondGroup[1][2][0]=new Option("Now Select This One"," ");
secondGroup[1][2][1]=new Option("Dynamic Drive","http://www.dynamicdrive.com");
secondGroup[1][2][2]=new Option("Beginner\'s Guide to DHTML","http://www.geocities.com/ResearchTriangle/Facility/4490/");
secondGroup[1][2][3]=new Option("Web Coder","http://webcoder.com/");secondGroup[1][3][0]=new Option("Now Select This One"," ");
secondGroup[1][3][1]=new Option("CGI Resources","http://www.cgi-resources.com");
secondGroup[1][3][2]=new Option("Ada\'s Intro to CGI","http://adashimar.hypermart.net/");secondGroup[2][0][0]=new Option("---Select 3---"," ");
secondGroup[2][1][0]=new Option("Now Select This One"," ");
secondGroup[2][1][1]=new Option("CNN","http://www.cnn.com");
secondGroup[2][1][2]=new Option("MSNBC","http://www.msnbc.com");
secondGroup[2][1][3]=new Option("ABC News","http://www.abcnews.com");secondGroup[2][2][0]=new Option("Now Select A Page"," ");
secondGroup[2][2][1]=new Option("News.com","http://www.news.com");
secondGroup[2][2][2]=new Option("Wired","http://www.wired.com");var temp1=document.isc.stage3
function redirect1(y){
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}function redirect2(z){
window.location=temp1[z].value
}</script> </td>
</tr>
</table>
</FORM>
</BODY></HTML>
<script type=text/javascript >
function change()
{
var v = document.getElementById("proBelong").value;
document.getElementById('content').src = "pro_info_iframe.jsp?select="+v;
}
</script>
<iframe frameborder="0" height="250" width="100%" id="content" src = "pro_info_iframe.jsp" name="content"></iframe> <select id="proBelong" name="proBelong" onchange="change()" >
<option value="jbcp" selected="selected">基本产品</option>
<option value="ptcp" >普通产品</option>
<option value="zhyx" >综合营销类</option>
</select>