当前位置:  技术问答>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




|
你可以采用Client script技术

1)首先要显示的不同内容都在server端生成好

2)再动态生成用来控制用户行为的JavaScript脚本

|
比如说:  

            
            请选择
            
             
            
            
          

|
刷新本页,根据String test=request.getParameter("selectname")的值,得到不同内容的页面(select * from tablename where test='"+test+"')

    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 浅析c#中如何在form的webbrowser控件中获得鼠标坐标
  • 使用jspsmartupload时,包含FILE控件的form是否必须写ENCTYPE属性,等待...
  • 表单用enctype="multipart/form-data"二进制流形式提交的话,除了file,其他的表单控件应该用什么方法接收呢?
  • java命名空间java.lang类character.unicodeblock的类成员方法: number_forms定义及介绍
  • 关于<FORM name="form" ENCTYPE="multipart/form-data">的问题
  • java命名空间javax.swing.text.html类html.tag的类成员方法: form定义及介绍
  • 请问,这样的表单:<FORM name="form2" METHOD="POST" ACTION="sample1.jsp" ENCTYPE="multipart/form-data">,服务器端如何接受数据??
  • java命名空间java.lang类character.unicodeblock的类成员方法: cjk_compatibility_forms定义及介绍
  • jquery中$(#form :input)与$(#form input)的区别
  • java命名空间java.lang类character.unicodeblock的类成员方法: small_form_variants定义及介绍
  • Form2如何访问Form1的变量?
  • java命名空间java.lang类character.unicodeblock的类成员方法: alphabetic_presentation_forms定义及介绍
  • 浅析application/x-www-form-urlencoded和multipart/form-data的区别
  • java命名空间java.lang类character.unicodeblock的类成员方法: arabic_presentation_forms_b定义及介绍
  • <FORM METHOD="POST" ACTION="upload.jsp" onsubmit="return mysub();" name="myform" ENCTYPE="multipart/form-data">如何获取text参数?
  • java命名空间java.lang类character.unicodeblock的类成员方法: arabic_presentation_forms_a定义及介绍
  • 請問在一個分成上下兩個框架的整個頁面中,上面框架是包含一個form的form.jsp頁面,下面框架則是包含table的另一table.jsp頁面,當按下fo
  • java命名空间java.text枚举normalizer.form的类成员方法: nfc定义及介绍
  • 用SmartUpload类上传文件有大小限制吗??或者ENCTYPE='multipart/form-data'的form对于上传文件大小有限制??为什么大于1M的文件一上传就显示找不到页面啊!!
  • java命名空间java.text枚举normalizer.form的类成员方法: nfkd定义及介绍
  • jquery.form.js用法之清空form的方法
  • java命名空间java.text枚举normalizer.form的类成员方法: nfd定义及介绍
  • 关于<form ... enctype="multipart/form-data">action后的取值?帮一把!谢先了!
  • java命名空间java.lang类character.unicodeblock的类成员方法: halfwidth_and_fullwidth_forms定义及介绍
  • docker中文入门学习手册 iis7站长之家


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3