Question

我的页面上有一个html表单，我想发送到javascript函数。如何向该函数发送值/激活它以便函数运行？

<form  method="post" action="WHAT GOES HERE?">
<input type = "textarea" name = "link" placeholder="Submit a Link" style="color:black;max-width:133px;"></input>
<input type = "hidden" name = "ref" value="yes"></input>
<a href="javascript:void(0)" onclick="submit();">Submit</a>

Answer 1

您不会在任何地方“发送”表单。 Javascript可以随时读取表单值。您通常会将onsubmit事件附加到表单或将onclick事件附加到提交按钮，然后在发生这种情况时使用Javascript来读取表单值。

例如，您可以通过先给它一个id来读取“ref”输入的值...

<input id="ref" name="ref" ...

然后用Javascript读取它，

document.getElementById('ref').value

取决于你使用该值做什么。

此外，您的HTML有点偏。输入应该是自动关闭（<input/>）并创建一个你应该使用<textarea></textarea>的文本区域。

编辑：如果你只想要一个1行的文本框，它应该是<input type="text" ...而不是textarea。它起作用的原因是因为input的默认值恰好是text。

Answer 2

您可以使用表单onsubmit事件

<form  method="post" action="" onsubmit="validateForm()">
<input type = "textarea" name = "link" placeholder="Submit a Link" style="color:black;max-width:133px;"></input>
<input type = "hidden" name = "ref" value="yes"></input>
<a href="javascript:void(0)" onclick="submit();">Submit</a>

Answer 3

<html>
<head>


<script type="text/javascript">
function getValue(){
var textValue=document.getElementById("textId").value;
alert(textValue);
}
</script>


</head>
<body>
<form  method="post" >
<input type = "textarea" id="textId" name = "link" placeholder="Submit a Link"       style="color:black;max-width:133px;"></input>
<input type = "hidden" name = "ref" value="yes"></input>
<a href="#" onclick="getValue();">Submit</a> 
</form>
</body>

</html>

1.为textarea创建id。的 ID = “TEXTID”

2.使用javascript中使用该方法创建的id获取textarea的值。的的document.getElementById（ “TEXTID”）值;

如何将html文本表单发送到javascript？

3 个答案: