在超链接的click事件上调用javascript函数 [英] call javascript function on the click event of hyperlink

问题描述

我正在使用JSP和Servlet开发Web应用程序.

I am developing a web application using JSP and Servlet.

我试图在超链接的click事件上调用javascript函数，与此同时，我还使用查询字符串将一些参数传递给servlet.

I am trying to call javascript function on the click event of hyperlink, and with that I am also passing some parameters to servlet using query string.

<td> <a href="#?id=<%=data[i][0]%>&protID=<%=data[i][1]%>&seqNo=<%=data[i][2]%>" onclick="getValues();" >Edit</a></td>

javascript函数:

javascript function:

<script>
function getValues()
{
    var url = document.URL;
    var planID = url.split("=");
    var pID = planID[1].split("&");

    var remURI = url.split("&");
    var protID = remURI[1].split("=");

    var s = remURI[2].split("=");

    document.getElementById('txtPlanID').value=pID[0];
    document.getElementById('txtProtID').value=protID[1];
    document.getElementById('txtSeqNo').value=s[1];

//show("block");
return false;
}
</script>

但是问题是我必须在超链接上单击两次才能获得所需的结果. 我认为onClick事件是在发送查询字符串之前执行的. 请让我知道源代码中是否有任何错误.

But the problem is that I have to click twice on hyperlink to get desired result. I think onClick event is executing before sending query string. Please let me know if there is anything wrong in source code.

预先感谢.....

推荐答案

<td> <a href="#" onclick="getValues('<%=data[i][0]%>','<%=data[i][1]%>','<%=data[i][2]%>');" >Edit</a></td>


function getValues(pID,protID,eq)
{

document.getElementById('txtPlanID').value=pID;
document.getElementById('txtProtID').value=protID;
document.getElementById('txtSeqNo').value=eq;

//show("block");
return false;

}

在调用javascript时简单地传递值

simply pass values while calling javascript get use it

这篇关于在超链接的click事件上调用javascript函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！