1

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

<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> 
4

3 回答 3

3

您不会在任何地方“发送”表格。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。它起作用的原因是因为 an 的默认值input恰好是text.

于 2012-10-04T04:30:28.490 回答
0

您可以使用表单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> 
于 2012-10-04T04:26:27.710 回答
0
<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中使用方法document.getElementById("textId").value创建的id获取textarea的 值;

于 2012-10-04T04:58:54.570 回答