こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

メールの本文に入れる言葉を選んだ物によって変更したい。

これで本文に文字を入れられるのは分るのですが、
<a href="mailto:sample@oooindex.com?subject=お問い合わせ&body=ご記入ください">メールはこちらへ</a>

メールに下で選択した商品名を自動的に入力するようにしたいです。どうすれば良いでしょうか?初心者なので、お手柔らかにお願いします。
(どんなスタイルかはこのアドレスに載っています)
http://www.tagindex.com/javascript/form/comp1b.html

<HTML>
<HEAD>
<TITLE>TAG index Webサイト</TITLE>

<SCRIPT TYPE="text/javascript">
<!--

function keisan(){


// 設定開始

// 商品1
var price1 = document.form1.goods1.selectedIndex * 500; // 単価を設定
document.form1.field1.value = price1; // 小計を表示

// 商品2
var price2 = document.form1.goods2.selectedIndex * 1000; // 単価を設定
document.form1.field2.value = price2; // 小計を表示

// 商品3
var price3 = document.form1.goods3.selectedIndex * 3000; // 単価を設定
document.form1.field3.value = price3; // 小計を表示

// 合計を計算
var total = price1 + price2 + price3;

// 設定終了


document.form1.field_total.value = total; // 合計を表示

}

// -->
</SCRIPT>

</HEAD>
<BODY>

<FORM NAME="form1">

<TABLE BORDER="1" CELLSPACING="2" CELLPADDING="2" BGCOLOR="#FFFFFF">
<TR>
<TH>商品名</TH>
<TH>単価</TH>
<TH>数量</TH>
<TH>金額</TH>
</TR>
<TR>
<TD>商品サンプル1</TD>
<TD ALIGN="right">500円</TD>
<TD><SELECT NAME="goods1" onChange="keisan()">
<OPTION>0
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
</SELECT></TD>
<TD><INPUT TYPE="text" NAME="field1" SIZE="8" VALUE="0"> 円</TD>
</TR>
<TR>
<TD>商品サンプル2</TD>
<TD ALIGN="right">1,000円</TD>
<TD><SELECT NAME="goods2" onChange="keisan()">
<OPTION>0
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
</SELECT></TD>
<TD><INPUT TYPE="text" NAME="field2" SIZE="8" VALUE="0"> 円</TD>
</TR>
<TR>
<TD>商品サンプル3</TD>
<TD ALIGN="right">3,000円</TD>
<TD><SELECT NAME="goods3" onChange="keisan()">
<OPTION>0
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
</SELECT></TD>
<TD><INPUT TYPE="text" NAME="field3" SIZE="8" VALUE="0"> 円</TD>
</TR>
<TR>
<TD ALIGN="right" COLSPAN="3"><FONT COLOR="#FF0000"><B>合計</B></FONT></TD>
<TD><INPUT TYPE="text" NAME="field_total" SIZE="8" VALUE="0"> 円</TD>
</TR>
</TABLE>

</FORM>

</BODY>
</HTML>

投稿日時 - 2007-10-05 06:10:14

QNo.3402394

すぐに回答ほしいです

質問者が選んだベストアンサー

例えばメールリンク表示用の場所を任意の位置に作っておいて
<div id="maillink"></div>
最終的に
document.getElementById("maillink").innerHTML = 内容;
として書き出させるとすれば良いと思います。
すなわち、keisan()の最後の方に
var body = "ご注文の合計は"+total+"円です";
document.getElementById("maillink").innerHTML = "<a href=\"mailto:sample@oooindex.com?subject=お問い合わせ&body="+total+"\">メールはこちらへ</a>";

とすれば良いです。bodyを適当に編集してやれば(商品名と数、合計等)目的のものになると思います。

文字列を書き足したり書き直したりする場合は、DOMのgetElementById()はとても良く使うので、覚えておくと便利ですよ。

投稿日時 - 2007-10-05 08:14:44

お礼

大変申し訳ない。実はjavaとjavaスクリプトの違いもまだ分らないLvです。けど、どうしてもこれは作らなくてはなりません。
div idはなんとなく分りました。name見たいなものですよね?getelementbyidと、innerHTMLと"+total+"\"がよくわかりません。コレは何なのでしょうか?

投稿日時 - 2007-10-05 11:23:58

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問