Inputタグの内容を送信したいのですが、
例えば、フォームF1のテキストエリアT1に、
document.F1.T1.value = "テスト";
として、JavaScript側から値(value)を指定します。
この場合、
<form method="post" name="F1">
<input type="text" name="T1">
</form>
とするだけで、ブラウザに、「テスト」と表示させられますよね。
しかし、Inputタグの中に「value」の値が無いため、
他のURLに、テキストエリア「T1」の内容を送信することができません。
このようにJavaScript側から値(value)を指定したInputタグの値を送信する方法について教えてください。
No.2ベストアンサー
- 回答日時:
フォーム送信をしたいのでしょうか、それとも何か別の動作を期待しているのでしょうか?
フォーム送信をしたいという内容であれば、JavaScriptからvalue値を渡したinput要素でも、フォーム送信時にはJavaScriptから渡されたvalue値を送信すると思うのですが、いかがでしょうか?
とりあえず、こちらのケースでしたら、下記ソースを使ってテストしてみるのが良いと思います。
<form action="#" method="get" name="F1">
<input type="text" name="T1">
<input type="submit" value="送信">
</form>
<script type="text/javascript"><!--
document.F1.T1.value="test";
//--></script>
下記のソースをHTML文書に入れて、上記のフォームのサブミットボタンでフォーム送信を行い、その次のページのURL欄を確認してみて下さい。 上記のソースのフォームを送信すると、method="get"ですので、アドレス欄のURLに続けて、フォームの送信内容が追記されます。
もしアドレス欄に「(そのページのURL)?T1=test」と「?T1=test」の文字が出ているようであれば、JavaScriptでvalue値を設定したinput要素の値も送信されていることが確認できるでしょう。 input要素のタグの記述自体にvalue値を設定していなくとも、そのinput要素がもつ値を送信できないということにはならないと思いますが、このあたりはいかがでしょうか。
もしJavaScriptからvalue値を設定したinput要素のフォーム送信がうまくいっていない場合は、そのinput要素を含むフォームが正常にサブミットされているのか、受け手側のCGIなどが正常に値を取得できるように設定できているのか、あるいは送信内容にShift_JISなどが抱える2バイト目の文字の問題などが含まれていないのかどうか、そのあたりを別に確認する必要があるのではないかと思います。
参考になれば… 見当違いでしたら、ごめんなさい。
lead1976さん、こんにちは。
確かにget送信で、URL欄に送信できますね。
これは知りませんでした。
最初の解答のお礼欄にも書いたのですが、
このURLをVBScript側から取得する方法がわかれば、
今回の目的は達成されます。
方法について、いろいろ調べてみます。
ありがとうございます。
No.1
- 回答日時:
doconimoさん、こんにちは。
参考URLを見ました。
確かに親ウィンドウから子ウィンドウに値がわたっています。
しかし、送信とは少し違うようです。
補足になるのですが、
JavaScriptで指定したInputタグの値を
VBScript側で扱いたいのです。
通常、JavaScriptで値を入れたInputタグの値を
VBScript側から参照する方法がないため、
いったん別URLに”送信”させて、
VBScriptでフォームの値を受信させたいと思っています。
いろいろ調べてみます。
ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
読み込んだQRコードをフォーム...
-
特定の文字列を複数抜き出した...
-
var exports = exports || {}; ...
-
ローディングアニメーションの...
-
GASでチェックボックスを一括of...
-
追加ボタンを押した際に ok ボ...
-
①入力フォーム→②確認表示画面→③...
-
GASに文字列として関数を入れる...
-
GASでGoogleフォームの自動返信...
-
React hooksが値を返して配列変...
-
初心者です。gulpでコンパイル...
-
ジャバスクリプトについて。
-
プログラムについて。
-
HTMLタグに複数のクラスを設定...
-
Googleフォームで選択肢に応じ...
-
ボタンを押したあとに画像を表...
-
disabled プロパティが表示され...
-
出発駅A、到着駅Bを選択すると...
-
Colorboxがうまく設置できません
-
Cookieに保存されない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
二次元配列を使って順位をだす...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
iOSのみダブルタップが必要
-
ジャバスクリプトについて。
-
画面遷移を行わずに同一ページ...
-
特定の文字列を複数抜き出した...
-
指定時間になったら、WEBサイト...
-
追加ボタンを押した際に ok ボ...
-
①入力フォーム→②確認表示画面→③...
-
スマホ上で、左右スワイプで次...
-
読み込んだQRコードをフォーム...
-
フロントエンドフレームワーク...
-
React hooksが値を返して配列変...
-
GASでGoogleフォームの自動返信...
-
初心者です。gulpでコンパイル...
-
階層別の組織図の自動作成について
-
HTMLで作った時報アプリが動き...
-
jQueryで同じクラス名のものを...
おすすめ情報