超链接<a>标签通过js\jquery值传递解决方案

本文介绍了一种在JSP页面中通过a标签将文本框的值传递到后台的具体实现方式。利用JavaScript获取文本框的值,并通过修改a标签的href属性实现在点击时传递参数。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天遇到一个值传递问题:

需求:是在一个jsp页面中有多个a标签,例如<a οnclick="csv(1)" id="aid1"  href="javascript:void(0)" target="_blank">输出CSV文件</a>

一个标签a分别对应一个文本框,

例如:    <input class="Wdate" type="text" id="start1" οnfοcus="WdatePicker({maxDate:'#F{$dp.$D(\'end1\')}',position:{left:0,top:10},maxDate:'%y-%M-%d'})"/>

问题是,如何将对应文本框中的值,通过a标签以属性(start)的形式传递到后台数据库呢?

刚开始纠结了好半天,利用jquery或者js都可以轻松的访问并得到对应文本框中的值,那么如何与超链接(a标签)相关联呢?

通过思考解决方案如下:

第一步:我们知道javaScript中也有直接访问controller(控制层)或者servlet或action层中的方法:

.href = "threadReplys?file=daily_message_details.csv&start="+startval+"&end="+endval;

因此,我们此时应该把jsp中的普通代码与java脚本联系在一起。

第二步:组织代码,分别得到对应文本框中的值,并得到对应的a标签,

  源码:

<script type="text/javascript">
 
   function csv(f){ //f代表传过来的编号,如第一个a标签的id=“aid1”,第二个是a标签的id=“aid2”,同理对应文本框也是
	  var startval=$("#start"+f).val();//start是对应文本框中的id+编号(aid1,aid2)
	  var endval=$("#end"+f).val();
	  var a = document.getElementById("aid"+f);
	  a.href = "threadReplys?file=daily_message_details.csv&start="+startval+"&end="+endval;
	}

</script> 
其中,threadReplys是我们要访问的路径,file、start、end,是我们要传递的值对应的属性,并在控制台通过

      starttime = request.getParameter("start");
      endtime = request.getParameter("end");
等方法来获得对应的jsp中文本框中的值,接下来就是通过传过来的孩子对数据库进行具体业务操作了,我在此不再阐述!!!

在此分享资源,让更多人少走弯路!!




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_wangtao

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值