お世話になります。
index.htmlに AAA.js という外部.jsを読み込ませてフォーム送信させようとしています。
AAA.jsには
document.write("<INPUT NAME=\"return_url\" TYPE=\"hidden\" VALUE=\"http://www.my-site.com/p-123.html\"><INPUT NAME=\"to_do\" TYPE=\"hidden\" VALUE=\"touroku\"><input type=\"submit\" name=\"comm1\"/>" value=\"書き込む\"");
というソースが入っており、
index.htmlには
<INPUT NAME="return_url" TYPE="hidden" VALUE="http://www.my-site.com/p-456.html">
というタグが含まれています。
この場合、1組の<form></form>内に、同じ「return_url」で、片や p-123.html、片や p-456.html と、矛盾する2つの指定をしてしまっていることになりますから、これではフォームが成り立ちません。
都合により、このindex.htmlの<form></form>内にはどうしても AAA.js を読み込ませなければならないのですが、「return_url」だけはp-456.html に書き直してフォームを送信しなければなりません。
AAA.jsは私が作ったものではなく、他ページでも読み込むので、AAA.js は<INPUT NAME=\"return_url\" TYPE=\"hidden\" VALUE=\"http://www.my-site.com/p-123.html\">という記述を外すことも他のソースを付け加えることも出来ないのですが、
index.html側に何か手を加えることで、この AAA.js で指定されているp-123.htmlをp-456.html に置き換えてフォームを送信するようにすることは出来ないでしょうか?
方法をご存知の方がいらっしゃいましたら、どうかよろしくお願い致します。
No.1ベストアンサー
- 回答日時:
AAA.js を実行させた後に、フォーム内の入力要素の値を書き換える
では駄目でしょうか?
<script src=AAA.js></script>
<script>
var 対象要素 = 対象フォーム.elements['return_url'];
var 対象要素を上書き = function(e){ e.value = 'p-456.html' };
if (対象要素.item) {
Array.prototype.slice.apply(対象要素).forEach(対象要素を上書き);
} else {
対象要素を上書き(対象要素);
}
</script>
ご回答ありがとうございました。
「対象要素を上書き」というのが、要するに私が「こんなことって出来ないのかな」と思っていた部分だったのですが、頂いたご回答のお陰でやっぱり出来るんだなと判りました。
具体的な書き方がわからなくて、改めて検索して色々なサイトを見てみるうちに、なんとなく出来そうな感じになってきました。
どうもありがとうございました。
No.2
- 回答日時:
よくわかってませんが…
AAA.jsがご提示の通りdocument.writeで要素を追加しているのなら、その直後にスクリプトで
var inps = document.getElementsByTagName("input");
var inp = inps[inps.length-3];
とすることで、ご指定の要素を取得できます。
要素ごと削除してしまうとか、desableにするとかいろいろ方法はあると思いますのでご自由に。
ご回答ありがとうございました。
すみません、私のレベルでは、教えて頂いた部分でどのように要素が抜き出されているのかちょっと理解しきれず、その後をどう処理したらいいかを考えることが出来ませんでした。
#1でOgre7077さんに教えて頂いたスタイルでいじってみようと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptとApacheの設定
-
cssにjavascriptを入れる?呼び...
-
Jquery.PHPファイルのechoが表...
-
別ファイルのfunctionの読み込み方
-
javascriptのalertで文字化けが...
-
複数のJavascriptを1つのscrip...
-
Dreamweaver で 外部JSを読み込...
-
JavaScript内の関数を別のファ...
-
外部jsファイルから本体の関数...
-
<script src="">読み込まない
-
メールフォーム、受信メールの...
-
複数ファイルアップロードはAja...
-
URLに変数を指定できるのか
-
条件分岐で、読み込む外部スク...
-
javascriptで別ファイルから変...
-
外部ファイルでBODYのonloadイ...
-
JavaScriptの外部ファイル化とS...
-
javascriptファイルは1つに統...
-
ひとつの外部ファイルに複数の...
-
【Google Apps Script】「ライ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
複数のJavascriptを1つのscrip...
-
Dreamweaver で 外部JSを読み込...
-
javascriptとApacheの設定
-
【Google Apps Script】「ライ...
-
cssにjavascriptを入れる?呼び...
-
JavaScriptのエラー ( 関数の...
-
ひとつの外部ファイルに複数の...
-
javascriptファイルは1つに統...
-
JavascriptとJqueryを混在し記述
-
<script src="">読み込まない
-
javascriptのalertで文字化けが...
-
レンタルサーバーでjavascript...
-
javascript内で外部ファイルを...
-
外部読み込みで動かないときの...
-
外部ファイルを実行
-
プルダウンメニューを別ファイ...
-
ホームディレクトリを示すチル...
-
外部.jsの内容を一部置き換えて...
-
xmlHttpRequest.send( EncodeHT...
おすすめ情報