将值从链接按钮传递给Jquery函数

时间:2014-06-16 04:48:56

标签: javascript jquery

我需要从链接按钮将参数传递给jquery函数。我需要将 val1,val 2值传递给getdata函数。

var val="Need to pass this first string to another jquery Function";
var val2="Need to pass this second string to another jquery Function";

<a id='myLink' href='#' onclick='getData()' >Link Text</a>


function getdata()
{
  //I need to here
}

5 个答案:

答案 0 :(得分:1)

您不需要通过链接传递它,将这些值放在隐藏的字段中,如下所示:

<input type="hidden" id="val" value="Need to pass this first string to another jquery Function">

现在在jquery函数中获取它,如下所示;

var value1 = $('#val').val();

答案 1 :(得分:0)

你尝试过这样的事吗?

$('#myLink').click(function () {
    getdata(val, val2);
});

这将放在js文件中。不是html文件。但这很好。

希望这有帮助。

答案 2 :(得分:0)

在事件处理程序中传递参数

var val="Need to pass this first string to another jquery Function";
var val2="Need to pass this second string to another jquery Function";

$('#myLink').on("click" , {arg1:val , arg2:val2}, getData);

function getData(event){

    event.preventDefault();

    alert(event.data.arg1); // Need to pass this first string to another jquery Function
    alert(event.data.arg2); // Need to pass this second string to another jquery Function
}

答案 3 :(得分:0)

这很有效:

HTML

<a id='myLink' href='#' onclick="getData(this)">Link Text</a>

的Javascript

function getData(element){
  alert(element.innerHTML);
}

Example Codepen

答案 4 :(得分:0)

如果按照您的定义定义值,则将它们传递给函数是没有意义的;它们已经可用于该功能。

我们使用参数传递特定于通过事件与之交互的元素的数据。使用jQuery的一个优点是在函数内部&#39;这个&#39;指的是被点击的元素,例如。这样您就可以访问它的所有属性和属性。

$('#myLink').on('click', getdata);

function getdata() {
    var lnText = $(this).text(); // for example
    //
}

不推荐使用Inline JS:

<a id='myLink' href='#'>Link Text</a>