提交表单时更改文本框值和按钮名称答案

【问题标题】：Change textbox value and button name when the form is submitted提交表单时更改文本框值和按钮名称
【发布时间】：2016-03-18 04:35:16
【问题描述】：

我正在尝试创建一个非常简单的时钟输入/时钟输出系统。试试看下面的html代码。

<form>
<input type="text" value="work" name="work" />
<input type="submit" value="Clock In" name="submit" />
<?php 'some php code here' ?>
</form>

我想要实现的是，每当我点击提交按钮并且表单提交数据时，文本框和提交按钮的值都会改变。当您第一次单击它时，两者都会变为“break/Clock Out”，然后再次单击它会变为“work/Clock In”。这怎么可能？我相信它需要 js 但还不知道代码。尝试在任何地方搜索，但没有运气。希望这里的人能够提供帮助。

提前致谢。

【问题讨论】：

使用Ajax提交表单？
StackOverflow 并不是寻找教程帮助的最佳站点，因此您可能会因为这个问题而被否决和关闭。网上有很多信息会告诉你如何去做你想要完成的事情——包括jQuery API documentation。尝试首先在线搜索基本教程，然后尝试将它们应用于您的问题...如果您有 与编码相关的问题，请回来 :)
我使用php提交表单。
我不需要教程。我只需要一个样品。
“我正在使用 php 提交表单” – 不，你不是……

标签： javascript jquery html forms

【解决方案1】：

我不知道我是否理解正确。您不需要使用此表单提交帖子吗？只是改变价值观？

$("form").submit(function(e){
        e.preventDefault();
        if($("input[name='work']").val()=='work')
            {
            $("input[name='work']").val('break');
            $("input[name='submit']").val('Clock out');
          }
         else
            {
            $("input[name='work']").val('work');
            $("input[name='submit']").val('Clock in');
          }
        });

这个例子显然需要 Jquery。

【讨论】：