フォームの送信先(メールアドレス)を指定する


動作ブラウザ 【 IE:4.0  NN:2.0
Internet Explorer Netscape Navigator DreamPassport iCab
3.0x 4.0x 4.5 5.0x 5.5 2.0x 3.0x 4.0x 4.x 6.0 2 3 2.x
Windows × - - -
Macintosh × - - -
UNIX - - - - - - - -
Dreamcast - - - - - - - - - - -

ポイント str = sObj.options[sObj.selectedIndex].value; document.myFORM.action = "mailto:" + str;
説  明 フォームの送信先(cgiのurlなど)は「document.フォーム名.action」にメールアドレス等を設定することで変更および追加することができます。複数のメールアドレスを指定する場合は,(カンマ)で区切って列記します。
サンプル <html> <head> <title>フォームの送信先(メールアドレス)を指定する</title> <script Language="JavaScript"><!-- function set(sObj) { str = sObj.options[sObj.selectedIndex].value; document.myFORM.action = "mailto:" + str; } // --></script> </head> <body> <form name="myFORM" method="post" action="mailto:zz@xyz.ne.jp" enctype="text/plain"> <select onChange="set(this)"> <option value="aa@xyz.ne.jp">aa@xyz.ne.jp <option value="ab@xyz.ne.jp">ab@xyz.ne.jp <option value="openspc@po.shiojiri.ne.jp">openspc@po.shiojiri.ne.jp </select> <br> <input type="text" value="test" NAME="data"><br> <input type="submit" VALUE="送信"><br> </form> </body> </html>
補足説明 なし

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA