Как отправить данные формы в iframe src на той же веб-странице - PullRequest
Новая
       3

Как отправить данные формы в iframe src на той же веб-странице

0 голосов
/ 16 мая 2019

У меня есть форма с одним вводом, в которой вы вводите URL-адрес веб-сайта, затем URL-адрес должен быть отправлен в iframe, который находится на той же веб-странице, и в нем должен быть URL-адрес iframe. Вот код, который я получил в настоящее время, когда я набираю http://example.com в поле ввода URL, он выдает мне ошибку, не может GET /my_frame%22?Url=http%3A%2F%2Fexample.com

    <html>
      <head>
        <title>Form Iframe Demo</title>
      </head>
      <body>

       <form action=my_frame" >
        <input type="text" name="Url" value="http://" />
        <input type="submit" />
      </form>
<--Iframe should receive url from the form and then Iframe it -->
        <iframe name="my_frame" src="Url" width="860px">
       </iframe>
      </body>
    </html>

Попытка пошевелить им, но это заставляет меня взбираться на стену

Я ожидаю, что у него будет iframe http://example.com, но я получаю ошибку

1 Ответ

0 голосов
/ 16 мая 2019 
<html>
<head>
        <title>Form Iframe Demo</title>
      </head>
      <body>      
        <input type="text" name="Url" id="url" value="https://j-mrad.github.io/" />
        <button onClick="LoadURL();" >Load URL</button>
        <br><br>       
        <iframe id="my_frame" src="https://www.w3schools.com" width="600px" height="500px">
        </iframe>       
       <script type="text/javascript">
       function LoadURL(){
       document.getElementById("my_frame").src=document.getElementById("url").value;
       }

       </script>

      </body>
    </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...