2015-04-26 102 views
1

我正在做某种博客,我希望能够点击一个按钮,没有提交按钮反应。提交按钮反应与其他按钮

<form action="" method="Post"> 
<button onClick="knapp(lank)">Link</button> 

<textarea id='knappar'></textarea> 
<input type="submit" value="Add post"> 
</form> 


<script> 
function knapp(value){ 
document.getElementById('knappar').value += "LOL"; 
} 
</script> 

由于某种原因,无论何时点击链接按钮,提交按钮都会作出反应并提交。

编辑:代码不工作,因为它不会打印出来,但它仍然刷新。

+0

你需要防止默认表单按钮动作 –

回答

5

如果按钮位于表单内并且没有类型属性,它将默认为submit,因此会提交表单。添加类型button

<button type="button" onClick="knapp(lank)">Link</button> 

这将意味着它不会充当提交按钮。

+0

上帝,我感觉有点傻。谢谢你的帮助! –