2012-10-04 53 views
1

我在我的页面上有一个html表单,我想发送给一个javascript函数。如何将值发送到该函数/将其激活以使函数运行?如何将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> 

回答

3

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

例如,您可以通过先给它一个ID读你的“参考”输入的值...

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

然后用javascript像这样读它,

document.getElementById('ref').value 

这是直到你做什么,你用这个价值。

此外,您的HTML是有点关闭。输入应该是自动关闭(<input/>),并创建一个你应该使用的textarea <textarea></textarea>

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

+0

丁丁丁!真棒!谢谢! –

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> 
+0

is validateForm an builtin function? –

+0

另外,你如何检索链接和ref的值? –

+0

你必须在这种情况下设置你自己的javascript函数“validateForm”。然后您可以选择输入并根据需要进行验证 – MikeB

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.Fetch使用在JavaScript中创建的ID使用该方法 的document.getElementById( “TEXTID”)textarea的值值。

+0

在'onXXX'属性中不需要'javascript:';这只在'href'中需要。 – Barmar

+0

好的谢谢你的信息。 – Kumaran

相关问题