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

您可以使用网址参数。在表单操作上，您可以附加参数：

<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?

更改位于其他页面上的html按钮的名称

1 个答案: