【问题标题】:How to submit form field values with a link?如何通过链接提交表单字段值?
【发布时间】:2013-03-06 17:27:08
【问题描述】:

如何在以下代码中使用“testLink1”提交文本框和单选按钮的值:

<cfform name="frmEdit" method="POST" >
   <INPUT type="text" name="txtName" value ="" >
   <INPUT type="radio" name="typeA" value ="exempt" checked> Exempt
   <INPUT type="radio" name="typeA" value ="non_exempt"> Non-exempt
   <a href="test1.cfm">testLink1</a>
</cfform>

我有自己的理由使用&lt;a&gt; 标签而不是提交按钮。

【问题讨论】:

  • 为什么不直接使用提交按钮?
  • “我有自己的理由使用 标签而不是提交” - 这几乎可以肯定是一个无效的理由。你需要 JavaScript 来让链接提交表单,而 JS 也可以让提交按钮做链接可以做的任何事情,那么为什么不在这里说出你真正想要实现的目标呢?
  • +1 对您的评论@PeterBoughton,我的想法完全一致。我继续提供了一个简单的答案,因为我假设 OP 只想知道如何通过链接/JavaScript 提交表单。
  • 附带说明,使用&lt;label&gt;s 尤其是复选框和单选按钮。

标签: javascript coldfusion radio-button cfml


【解决方案1】:

为了通过链接提交表单,您需要使用 JavaScript。我在下面重写了你的代码:

<form name="frmEdit" action="test1.cfm" method="POST">
    <input type="text" name="txtName" value="" >
    <input type="radio" name="typeA" value="exempt" checked="checked"> Exempt
    <input type="radio" name="typeA" value="non_exempt"> Non-exempt
    <a href="javascript:document.frmEdit.submit();">testLink1</a>
</form>

或者按照 Travis 在下面的建议,更改 &lt;a&gt; 标记,如下所示:

    <a href="#" onClick="document.frmEdit.submit(); return false;">testLink1</a>

这应该适用于您的简单示例。在 ColdFusion 的 FORM 范围内,您可以使用所有字段。

如果您没有使用cfform 的任何功能(您的示例没有使用),也没有理由使用它。

【讨论】:

  • onClick="document.frmEdit.submit(); return false;"可能比在href中做更好
  • 我看到了,我必须更新我的评论以匹配您的帖子。我的引号不匹配。
猜你喜欢
  • 2016-03-28
  • 2022-07-20
  • 2011-10-11
  • 1970-01-01
  • 1970-01-01
  • 2015-02-14
  • 1970-01-01
  • 1970-01-01
  • 2012-03-28
相关资源
最近更新 更多