部落格軟體開發[html,javascript]一個表單多個按鈕

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

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

有鑒於昨天學弟跟我說,不會找不到方法,是你不會找方法,言下之意就是不會打 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 就大功告成啦~

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

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

Mina Yu

Mina Yu

嗨,我是Mina. 一個ENTP奇女子,時常可以隨手拈來創意的Idea,正向、 活躍且浪漫。是軟體開發工程師、 部落客,還是多語學習者,喜歡去探索不同的文化跟發明些東東。

@MinaYu Signed

相關文章
N/A

贊助