こんばんわ
問い合わせフォームを作成していて困ってます。
商品ページがあり、画像をクリックしたら商品詳細情報をパラメータで保持して次ページに表示させるところまではできたのですが、次ページの問い合わせ項目にあるテキストボックスに入力されたものと合わせてメール本文に表示させたいのにできません。
以下のコードのsample1.2.3をどのようにメールに表示させればよいでしょうか?
どなたかご教示お願いします!
抜粋---------------------------------------------------------------
<!--------前ページから値を保持 次ページに表示-------->
<script type="text/javascript">
window.onload = function() {
var urlPrm = new Object;
var urlSearch =unescape(location.search.substring(1)).split('&');
for(i=0;urlSearch[i];i++) {
var kv = urlSearch[i].split('=');
urlPrm[kv[0]]=kv[1];
}
var divObj = document.getElementById("sample1");
divObj.textContent =(urlPrm.hoge1);
var divObj = document.getElementById("sample2");
divObj.textContent =(urlPrm.hoge2);
var divObj = document.getElementById("sample3");
divObj.textContent =(urlPrm.hoge3);
}
</script>
<!-------- 新しいページに表示-------->
<div id="sample1"></div>
<div id="sample2"></div>
<div id="sample3"></div>
<!-------- 新しいのテキストボックス-------->
<input type="text" id="name" >
<input type="text" id="tel" >
<textarea id="body" ></textarea>
<input type="submit" value="送信" onclick="send()" >
<!-------- 上2つを合わせた内容をメールで送る-------->
<script>
function send() {
mail = "〇〇〇@×××.com?"
var sample1 = document.getElementById("sample1").value; ←undefinedになる
var sample2 = document.getElementById("sample2").value; ←undefinedになる
var sample3= document.getElementById("sample3").value; ←undefinedになる
var name = document.getElementById("name").value;
var tel = document.getElementById("tel").value;
var body = document.getElementById("body").value;
location.href = "mailto:" + mail
+ "&subject=【タイトル】" + encodeURIComponent(sample1)
+ "&body=【1】" + encodeURIComponent(sample2) + "【2】" + encodeURIComponent(sample3)
+ "【3】" + encodeURIComponent(name) + "【4】" + encodeURIComponent(tel)
+ "【5】" + encodeURIComponent(body);
};
</script>
--------------------------------------------------------------------
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
こんにちは
>divObj.textContent =(urlPrm.hoge1);
>document.getElementById("sample1").value; ←undefinedになる
代入する時にtextContentで代入しているのですから、textContentで取得してみては?
(value属性に入力値が入るのは、input要素他だけに限られます)
あるいは、最初に変数urlPrmに値を入れているので、そこから直接取得してもよいでしょう。
(現状のままだと、onload時の匿名関数内でのスコープになっているので、外部から参照はできませんが、グローバルな変数にしておく等とすることで参照可能になります)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
ボタンかリンクをクリックする...
-
onclickが動作しない
-
クリックでテーブル内の背景色...
-
クリック→テキストボックスに追加
-
VB.NETで<Input>タグ、<text...
-
開いた子ウィンドウにあるボタ...
-
onClickがinput type="image"だ...
-
クリックさせたいが、click()が...
-
innerHTML内では改行は禁止?
-
ブラウザの外にあるマウスの情...
-
iOSのみダブルタップが必要
-
firefox、opera等での番号の数え方
-
HTMLのテキストボックスへのド...
-
正規表現で複数マッチ条件で悩...
-
<JavaScript>tableタグを入力不...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
slickのレスポンシブ > center...
-
hiddenのvalueの値を変えたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
JavascriptでDOM-based XSSの発...
-
onclickが動作しない
-
クリックさせたいが、click()が...
-
追加ボタンを押した際に ok ボ...
-
innerHTML内では改行は禁止?
-
ボタンかリンクをクリックする...
-
formのfileの値をhiddenでも持...
-
javaScriptの変数をJavaの変数...
-
JavaScriptのfileオブジェクト...
-
VB.NETで<Input>タグ、<text...
-
受け取ったパラメータが文字化け
-
JQueryでfunctionに引数としてI...
-
javascriptで作成されたテーブ...
-
jQueryで設定したイベントハン...
-
開いた子ウィンドウにあるボタ...
-
コードレビューをお願いします。
-
ボタンをクリックするとテキス...
-
BackSpaceしたい(QNo.2734284の...
-
URL 判定
おすすめ情報