Question

我最初有一个提交按钮。

<input class="submit" type="submit" class="input" value="Add" name="command" />

但现在我想使用<a href>代替。问题是，value="Add"非常重要。

我目前正在制作这样的<a href>。

<a href="javascript:document.register.submit();">submit</a>

有什么建议吗？问题是，网站没有发现这个特定的<a href>被点击了，因此不会运行我的PHP代码。

Answer 1

正如佩卡所说：不要这样做。这将使您的表单不必要地依赖于JavaScript！

最好的办法是使用CSS将按钮设置为看起来像一个链接：

input.submit {
  margin: 0;
  padding: 0;
  border: none;
  color: blue;
  background-color: transparent;
  text-decoration: underline;
}

Answer 2

在javascript中添加隐藏字段和额外行：

<input type="hidden" name="command" />
<a href="javascript: document.register.command.value='Add'; document.register.submit();">
    Submit
</a>

也就是说，你可能最好使用CSS来设置提交按钮的样式以查看你想要的样式。

Answer 3

首先我强烈推荐jquery。使用javascript时，它会让世界变得与众不同，并简化了许多问题，特别是跨越不同的浏览器。

我建议你创建一个隐藏的输入来设置值。

<script type="text/javascript">
function submitFormWithValue(val){
  document.getElementById('command').value = val;
  document.forms["test"].submit();
}
</script>

<form id="test" name="test" action="#" method="post">
<input type="hidden" name="command" value="" />
</form>

<a href="javascript:submitFormWithValue('foo')">Submit</a>

我没有测试我的代码，但它应该足够接近，看看它是如何工作的。再次查看jquery它将使处理javascript更容易！

<a href=""> instead of <input submit=""/> button</a>

3 个答案: