jsp如何实现下拉列表与文本框联动

问题描述

有一个数据表,其中一列通过下拉列表选择,查询后得到另一列对应的值,显示在文本框内。是否能提供JSP代码。

解决方案

解决方案二:
先拿20分。
解决方案三:
<%@pagelanguage="java"import="java.util.*"pageEncoding="GB18030"%><!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html><head><script>functiontoGo(o){varurl="op.jsp?op="+o;varxmlHttpRequest=newActiveXObject("microsoft.xmlhttp");xmlHttpRequest.open("post",url,true);xmlHttpRequest.send(null);xmlHttpRequest.onreadystatechange=function(){if(xmlHttpRequest.readystate==4&&xmlHttpRequest.status==200){ajax.innerText=xmlHttpRequest.responseText;}}}</script></head><body><selectonchange="toGo(this.value)"><optionvalue="1">1</option><optionvalue="2">2</option><optionvalue="3">3</option><optionvalue="4">4</option><optionvalue="5">5</option></select><divid="ajax"></div></body></html>

op.jsp<%@pagelanguage="java"import="java.util.*"pageEncoding="GB18030"%><%Stringop=request.getParameter("op");out.println(op);//你获得了op这个参数再去数据库里查询的记过搞成String,out.println出去%>

ps:想用JSP还是SERVLET随你。
解决方案四:
新学JSP与AJAX技术,我希望下拉式列表的内容是通过读取数据表的列得到的,如何解决啊!谢谢
解决方案五:
//加载列表的数据functioninitBillTree(){varpConnection=newExt.data.Connection({timeout:1200000});pConnection.request({method:'POST',url:url,params:{//需要的参数【下拉列表的值】},success:function(response,options){varjsonData=Ext.util.JSON.decode(response.responseText);//设置到对应的文本框jsonData=null;//},failure:function(response,options){alert("获取数据失败!");WaitBar.hide();return;}});}

解决方案六:
楼主学过servlet吗?学过的话用servlet,没学过的话用jsp也可以jsp里查询数据库的哪张表的记录,放在List里,然后用request.setAttribute("list",list);跳转到显示的那个jsp,在里面request.getAttribute("list");然后对list循环,放在每一个option中就可以了。
解决方案七:
说下思路,通过下拉列表选择值,根据值查询数据库返回(假设)一条记录,直接可以使用ajax返回一个值,ajax中的方法的参数即下拉列表的值,然后接受返回值就可以了
解决方案八:
1,2楼我已给了代码,看到3楼楼主的回复,我感觉楼主不会明白456楼的说法了.如果12楼能看明白,那3楼楼主的问题还会提么?只是觉得我好无力.绝对不是我在装.
解决方案九:
不好意思,本人是新手上路,根据各位的指点,通过AJAX我已经完成下拉列表的选择,但就是无法在文本框中显示,经过测试,下拉列表的选择值能够传递,但就是无法显示在文本框内,附原代码,请帮忙看看。<%@pagecontentType="text/html;charset=utf-8"language="java"import="java.sql.*"%><jsp:useBeanid="db"class="yhgl.connectDB"/><scripttype="text/javascript">varxmlHttp;functioncreateXMLHttpRequest(){if(window.ActiveXObject){xmlHttp=newActiveXObject("Microsoft.XMLHTTP");}elseif(window.XMLHttpRequest){xmlHttp=newXMLHttpRequest();}}functionstartRequest(){createXMLHttpRequest();try{xmlHttp.onreadystatechange=handleStateChange;xmlHttp.open("GET","args.jsp?content="+document.getElementById("content").value,true);xmlHttp.setRequestHeader("Content-Type","text/html;charset=utf-8");xmlHttp.send(null);}catch(exception){alert("您要访问的资源不存在!");}}functionhandleStateChange(){if(xmlHttp.readyState==4){if(xmlHttp.status==200||xmlHttp.status==0){//显示返回结果document.getElementById("bz").innerHTML=xmlHttp.responseText;}}}</script><styletype="text/css">#container{height:110px;width:539px;background-image:url(file:///F|/JSP%2BOracle%E7%BD%91%E7%BB%9C%E5%BA%94%E7%94%A8%E7%B3%BB%E7%BB%9F%E5%BC%80%E5%8F%91%E4%B8%8E%E5%AE%9E%E4%BE%8B/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/code7/args/bg2.jpg);background-repeat:no-repeat;text-align:center;}#acc{margin:20px;height:40px;border:1pxsolid#B5C9A6;line-height:40px;}.buttonStyle{border:1pxsolid#B5C9A6;height:24px;background-color:#799855;padding-top:1px;color:#FFFFFF;}</style><divid="container"><divid="acc"></div><divstyle="text-align:left;margin-left:50px;font-size:14px;">请输入内容:<%Stringsql="select*fromjf_bz";ResultSetrs=db.executeQuery(sql);%><selectname="content"id="select"onchange="returnstartRequest()"><optionvalue="请选择">请选择</option><%while(rs.next()){%><optionvalue="<%=rs.getString("xmmc")%>"><%=rs.getString("xmmc")%></option><%}%></select></div><p>积分:<label><inputtype="text"name="textfield"id="bz"value="bz"/></label></p>
解决方案十:
ajax
解决方案十一:
请高手帮忙看一看吧
解决方案十二:
if(xmlHttp.status==200||xmlHttp.status==0){//显示返回结果//加一句alert试试看能不能出来alert(xmlHttp.responseText);document.getElementById("bz").innerHTML=xmlHttp.responseText;}还有看一下你后台输出的字符串是什么样的?用System.out.println()打印看一下
解决方案十三:
建议用AJAX+jQuery实现功能,会比较简单。$.ajax({type:"post",url:u,//Ajax的action中的方法data:{userName:value},dataType:"json",success:callback,//回调函数async:false});将返回的结果在JS中处理一下。

时间: 2024-11-03 06:52:21

jsp如何实现下拉列表与文本框联动的相关文章

在一个jsp页面实现二级下拉框联动

js|下拉|页面 在一个jsp页面实现二级下拉框联动,实时读取数据库数据. 在一个jsp页面实现二级下拉框联动,实时读取数据库数据,这个方法非常使用,只需要修改很小的地方就可以使用.设计的文件,serch.jsp,main.js,bytetostr.js, 先讲一下main.js,这是javascript,其中注意修改jsp页面名称.  function findObject(fName,initValue)...{   var xmlhttp = new ActiveXObject("Micr

jquery操作下拉列表、文本框、复选框、单选框集合

 jquery操作拉列表.文本框.复选框.单选框集合.各种对下拉列表.文本框.复选框.单选框的jquery的相关操作.做为记录和收藏的最好方法 各种对下拉列表.文本框.复选框.单选框的jquery的相关操作.做为记录和收藏的最好方法.  遍历option和添加.移除option function changeShipMethod(shipping){  var len = $("select[@name=ISHIPTYPE] option").length  if(shipping.v

jquery操作下拉列表、文本框、复选框、单选框集合(收藏)_javascript技巧

各种对下拉列表.文本框.复选框.单选框的jquery的相关操作.做为记录和收藏的最好方法. 遍历option和添加.移除optionfunction changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){  $("select[@name=ISHIPTYPE] option").each

实现jsp页面二级下拉框联动,实时读取数据库数据

在一个jsp页面实现二级下拉框联动,实时读取数据库数据,这个方法非常有用,只需要修改很小的地方就可以使用.设计的文件,serch.jsp,main.js,bytetostr.js, 先讲一下main.js,这是javascript,其中注意修改jsp页面名称. 以下为引用的内容: function findObject(fName,initValue)...{   var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");   xmlht

91-jsp中,点击文本框后面显示删除按钮,点击其他文本框时删除按钮消失

问题描述 jsp中,点击文本框后面显示删除按钮,点击其他文本框时删除按钮消失 解决方案 好吧,楼主自己已经搞定了,本帖结束 解决方案二: 解决方案三: 解决方案四: 如第2张图所示,点击radio后的text按钮时(这里value初始值为男/女),在文本框后显示一个 删除按钮,点击删除按钮可以把整行都删除,这个已经实现. 当你点击下一个文本框时,上一个文本框的删除图标会消失/删除.你所点击的文本框后面会显示删除按钮(男的后面已经没有了,女的后面显示删除按钮) 当你再次点击男所在的文本框时,女的删

文本框获取焦点并弹出下拉框

  html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页</title> </head> <body> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td>所属区域</td> &

jquery ui -jquery-ui.min.js怎么在页面让文本框显示日历

问题描述 jquery-ui.min.js怎么在页面让文本框显示日历 我需要在insertask.jsp页面上添加一个文本框,需要做成可选择日历,不知道怎么信用jquery-ui-min.js,求大神们帮助, 解决方案 推荐你用My97DatePicker 也是一个js库 方便好用 近几年我的项目中都用的它 解决方案二: http://www.jb51.net/article/50322.htm 解决方案三: 解决方案四: jquery.maxlength-min.jsjquery-1.6.3.

JavaScript实现将文本框的值插入指定位置的方法_javascript技巧

本文实例讲述了JavaScript实现将文本框的值插入指定位置的方法.分享给大家供大家参考.具体如下: 这里实现JavaScript将文本框的值插入当前面指定位置,这在一些表单提交场合或许我们都用到过,本代码段是将文本框的值写入到当前页的body区域内,如果你设置有其它的文本框,则可以值赋给这些文本框,可以让使用表单的用户免去输入的麻烦. 运行效果如下图所示: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional

JavaScript如何实现在文本框(密码框)输入提示语_javascript技巧

有时候我们需要在登陆表单有一些提示语言,比如"请输入用户名"和"请输入密码"等语言,至于用户名好说,但是在密码框中出现"请输入密码"这样的语言就有点麻烦了,因为在密码框输入的内容不会以明码显示.如果动态的控制type属性的话就有兼容性问题,如果input已经存在于页面中的话,在IE8和IE8以下浏览器中,type属性是只读的.所以就得想其他办法,代码如下: <!DOCTYPE html> <html> <head&g