iframeのURLを取得して
inputタグの中に表示させたいのですが、どのようにしたら良いのでしょうか。
イメージとしては
iframeのURLを
value="" の中に代入するなどして、ブラウザ上でフォーム内情報(代入したURL)を確認できるイメージです。
ページが変わる毎にvalue値も変わって欲しいのですが。
location.href
か、
document.URL
あたりでできそうだと思うんですが、script初心者で中々表示するところまでプログラムが書けずつまづいております。
ご教示お願いします。
No.1ベストアンサー
- 回答日時:
こんな感じで。
<p><input type="text" id="iframeUrl"></p>
<p><iframe src="~~~"
onload="document.getElementById('iframeUrl').value=this.contentWindow.document.location.href"
></iframe></p>
ただし、Javascriptのセキュティ上の制限でiframe内が外部(別ドメイン)のページの場合はエラーになります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- JavaScript WordPressのコンタクトフォーム7にて送信者の位置情報を送らせたい 2 2022/09/14 23:28
- PHP PHPで入力フォームでデータを確認表示画面まで送る流れを日本語で理解したいのです。 1 2023/05/29 19:12
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript Javascriptを使ってQRコード読み取り、取得した情報をPOSTしたいと思っています。 1 2023/04/28 15:18
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
追加ボタンを押した際に ok ボ...
-
Firefoxでwindow.openerが動作...
-
onclickが動作しない
-
リンクの追加
-
JSのボタンを複数う使うには
-
開いた子ウィンドウにあるボタ...
-
onchangeイベントを強制的に発...
-
ボタンをクリックするとテキス...
-
オークションサイト一括検索サ...
-
オンクリックで現在時刻の取得→...
-
VB.NETで<Input>タグ、<text...
-
onClickがinput type="image"だ...
-
formのfileの値をhiddenでも持...
-
return trueとreturn falseの用...
-
チェックボックスのON/OFFでVal...
-
<form action="#">の意味とは?
-
jQuery セレクトボックスで選択...
-
フォームが空欄の時にフォーム...
-
【jQuery】input nameの文字列...
-
新しくフォルダを作成したい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
iOSのみダブルタップが必要
-
onclickが動作しない
-
追加ボタンを押した際に ok ボ...
-
ボタンかリンクをクリックする...
-
innerHTML内では改行は禁止?
-
クリックさせたいが、click()が...
-
javaScriptの変数をJavaの変数...
-
formのfileの値をhiddenでも持...
-
JavascriptでDOM-based XSSの発...
-
クリックでテーブル内の背景色...
-
VB.NETで<Input>タグ、<text...
-
開いた子ウィンドウにあるボタ...
-
jQueryで設定したイベントハン...
-
javascriptで作成されたテーブ...
-
HTMLのテキストボックスへのド...
-
テキストフィールド未入力の場...
-
JavaScriptのfileオブジェクト...
-
JSのボタンを複数う使うには
-
オンクリックで現在時刻の取得→...
おすすめ情報