Blog Cover Image

Inspire you to have New thinking, Walk out your unique Road.

[html,javascript]一個表單多個按鈕

Posted on Jun 22, 2016

由於剛剛自己在找方法的時候,碰壁蠻久的,就是有關於一個表單多個按鈕的問題。

有鑒於昨天學弟跟我說,不會找不到方法,是你不會找方法,言下之意就是不會打 key word。

所以我想把自己試成功的例子附上來,以便之後自己忘了可以回來找。

找的時候好像有很多總方法,我也有想用 If 跟 switch 去寫,不過覺得麻煩畢竟我是在 html 寫。

首先先寫一個表單

主題:

內容敘述:

description

日期:

連結網址:

我這邊是增兩個按鈕,那麼三個以上應該方法也適用。

這邊分一個是新增資料的按鈕,另外一個是預覽的按鈕。

新增用 submit,配合上面的 form 表單的 action 導向  web1.php

那麼第二個按鈕當初天真的也設 submit 然後導另外一個網站。

當然是失敗

第二個按鈕是預覽,這邊就要把 type 設成 button 然後後面接一個 javascript 的 onclick 指令導到一個函式。

然後,寫下 js 的函式。

function fun() {

document.forms[0].action='web2.php';

document.forms[0].submit();

document.forms[0].action='web1.php';

}

命名函式,然後把程式導向 web2.php 就大功告成啦~

這麼一來就能用兩個以上的按鈕來處理表單啦~

另外我程式都是自己網路上學,沒有老師教,所以有錯歡迎糾正~