当前位置: 技术问答>java相关
form中的select控件当select内容改变,页面根据select的值显示不同的内容,该如何实现?(
来源: 互联网 发布时间:2017-04-22
本文导语: 如题,而且select中的内容是从数据库中读出,自动生成的!!!!! | 1.先动态生成select列表(略); 2.在onchange事件里面调用自写的函数showText(); 选择1 选择2 ...
如题,而且select中的内容是从数据库中读出,自动生成的!!!!!
|
1.先动态生成select列表(略);
2.在onchange事件里面调用自写的函数showText();
选择1
选择2
选择3
3.showText()方法实现:
假如text1,text2,text3都是要选择显示的东西。
function showText(){
var value = document.all.options.value;
if(value==1){
document.all.text1.visibility="show";
document.all.text2.visibility="hide";
document.all.text3.visibility="hide";
}else if(value==2){ //显示text1
document.all.text1.visibility="hide";
document.all.text2.visibility="show";
document.all.text3.visibility="hide";
}else if(value==3){
document.all.text1.visibility="hide";
document.all.text2.visibility="hide";
document.all.text3.visibility="show";
}else{
alert("请选择options");
}
}
:)gameover
2.在onchange事件里面调用自写的函数showText();
选择1
选择2
选择3
3.showText()方法实现:
假如text1,text2,text3都是要选择显示的东西。
function showText(){
var value = document.all.options.value;
if(value==1){
document.all.text1.visibility="show";
document.all.text2.visibility="hide";
document.all.text3.visibility="hide";
}else if(value==2){ //显示text1
document.all.text1.visibility="hide";
document.all.text2.visibility="show";
document.all.text3.visibility="hide";
}else if(value==3){
document.all.text1.visibility="hide";
document.all.text2.visibility="hide";
document.all.text3.visibility="show";
}else{
alert("请选择options");
}
}
:)gameover
|
你可以采用Client script技术
1)首先要显示的不同内容都在server端生成好
2)再动态生成用来控制用户行为的JavaScript脚本
1)首先要显示的不同内容都在server端生成好
2)再动态生成用来控制用户行为的JavaScript脚本
|
比如说:
请选择
请选择
|
刷新本页,根据String test=request.getParameter("selectname")的值,得到不同内容的页面(select * from tablename where test='"+test+"')