javascript - 更改位于另一个页面上的 html 按钮的名称

Question

我有 page_a.cfm 和 page_b.cfm。在第一页(page_a.cfm)上，我有一个 cfinput(类型提交)按钮，单击该按钮时，它会将您重定向到运行一些查询的 page_b.cfm。在此页面上还有一个按钮(称为“返回”)，可将您返回到 page_a。我希望 page_a.cfm 上的按钮文本根据 page_b.cfm 上的某些条件进行更改，因此当我单击 page_b.cfm 上的“后退”按钮并将我发送回 page_a.cfm 时，按钮的文本已更改。

在 page_a.cfm 上我有这个:

<cfform action="page_b.cfm">
      <cfinput type="Submit" name="multiring_btn" class = "multiringButton" 
value="ACTIVATE after hours voicemail"/>
</cfform>

在 page_b.cfm 上我有这个:

<cfif someConditions = true>
    Successfully changed
<cfelse>
    An error has occurred!
</cfif>


<cfform action="page_a.cfm">
    <cfinput type="submit" name="back_btn" value="Back">
</cfform>



<script type="text/javascript">
    function toggleText(multiringButton)  {
        var text = document.getElementById(multiringButton).firstChild;
        text.data = text.data == "ACTIVATE after hours voicemail" ? "DEACTIVATE after hours voicemail" : "ACTIVATE after hours voicemail"; }
</script>

但是，当我单击“后退”按钮时，page_a.cfm 上的按钮文本仍然相同。

Answer 1

您可以使用 URL 参数。在您的表单操作中，您可以附加参数:

<cfform action="page_a.cfm?back=true">
    <cfinput type="submit" name="back_btn" value="Back">
</cfform>

然后在您的页面上，您可以使用 JS 拉取 URL 参数并更改按钮的文本。获取参数的多种方法请参见这篇文章:How can I get query string values in JavaScript?