将textarea内容发送到javascript函数

时间:2014-05-25 15:54:15

标签: javascript jquery html

好的,我有一个textarea和一个链接(作为按钮工作),我想要做的是,当我点击链接时,它将textarea中的内容发送到javascript函数。 像这样......:

<textarea name="text" placeholder="Type your text here!"></textarea>
<a href="" onclick="myFunction(<!-- sends the value of the textarea that the user enters and then sends it to myFunction -->); return false;">Send!</a>

2 个答案:

答案 0 :(得分:4)

只需为您的textarea分配id,然后使用document.getElementById

<textarea name="text" placeholder="Type your text here!" id="myTextarea"></textarea>
<a href="" onclick="myFunction(document.getElementById('myTextarea').value); return false;">Send!</a>

或者,您可以改为使用myFunction函数,使其定义函数内的值:

<强> JS:

function myFunction() {
    var value = document.getElementById('myTextarea').value;
    //rest of the code
}

<强> HTML:

<textarea name="text" placeholder="Type your text here!" id="myTextarea"></textarea>
<a href="" onclick="myFunction(); return false;">Send!</a>

如果你正在使用jQuery,它看起来像你一样,你可以将document.getElementById('myTextarea').value更改为$('#myTextarea').val();以获得以下内容:

<强> JS:

function myFunction() {
    var value = $('#myTextarea').val();
    //rest of the code
}

<强> HTML:

<textarea name="text" placeholder="Type your text here!" id="myTextarea"></textarea>
<a href="" onclick="myFunction(); return false;">Send!</a>

答案 1 :(得分:1)

你可以简单地这样做来实现它,只需调用函数并在该函数中完成所有工作:

<a href="" onclick="myFunction();">Send</a>

Jquery代码:

function myFunction()
{
    var text = $('textarea[name="text"]').val();

    // use text here

    return false;
}