提交表單時更改文本框的值和按鈕名稱

-2

我試圖創建一個非常簡單的時鐘輸入/輸出系統。嘗試看下面的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，但不知道代碼。試圖在任何地方尋找，但沒有運氣。希望這裏有人能夠提供幫助。

在此先感謝。

來源

2016-03-17 crozland23

使用Ajax提交表單？ –

StackOverflow實際上並不是尋找教程幫助的最佳網站，因此您可能會根據此問題得到downvoted和closed。網上有相當多的信息會告訴你如何去做你期望完成的事情 - 包括[jQuery API文檔]（http://api.jquery.com/）。嘗試先在線搜索基本教程，然後嘗試將它們應用於您的問題......如果您有*編碼相關問題*請回來:) – wahwahwah

即時通訊使用php提交表單。 – crozland23

我不知道我是否正確理解。您不需要使用此表單進行提交後提交？只需更改值？

$("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明顯需要這個例子。

來源

2016-03-17 20:35:16 CalCon

提交表單時更改文本框的值和按鈕名稱

回答

相關問題