如何将文本区设置为在新页面上的表单中打开的变量


How to set a textarea to a variable that opens in a form on a new page

正如标题所说,我试图在表单文本区域中使用信息作为变量。

为了更好地解释我的尝试,我想在文本区输入一个Youtube链接,然后点击提交,使它在一个框架中打开视频。

(我得到了链接和框架的代码,但我需要知道如何使页面"重新加载/打开一个新的页面与框架中的链接",所以请告诉我我该怎么做?

希望这是你需要的所有信息:)

下面是我当前的代码:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>
    <body>
        <form name="input" action="?videolink=1" method="get">
 Url: <input type="text" name="hello">
 <input type="submit" value="Submit">
 </form>
<?php
$url = ' THIS IS WHERE I WANT THE INFO FORM THE FORM TO BE :) ';
    $parts = explode('=', $url);
$url2 = $parts[1];
$url3 = trim($url2,"?'/-_.:,;*+}=])[({/&%€¤$#£@!<>");
    echo $url3;
$youtube = 'http://www.youtube.com/v/';
$video = $url3;
$vars = '&loop=1&autoplay=1';
 $test = ($youtube . $video . $vars);
    echo $test;
?>
<br>
 <iframe width="420" height="345"
 src="<? echo $test; ?>">
 </iframe>
 <p>hello</p>
    </body>
</html>

为iframe和文本输入添加id(请记住,textarea和type= text的输入之间存在主要区别)。然后使用JS将iFrame的src设置为表单的输入onSubmit的值。

function setIFrame(){
  document.getElementById('iFrameID').src = document.getElementById('inputID').value;
  return false;
}
<form name="input" action="?videolink=1" method="get" onSubmit="setIFrame()">