在另一个页面上使用输入框更改 iframe 的 src
Change src of iframe with an input box on another page
这是我想要完成的:
主页:有一个搜索栏/输入字段,用于输入到另一个页面上的字符串(iframe 的 src)。该网站是PHP。我不知道我需要什么所有文件。
在主页上:
搜索框
带有 iframe 的其他页面我需要从搜索到
<iframe src="https://www.tradingview.com/e/?symbol= 'SEARCHBOX CONTENTS' >
使用该网站的人将知道输入股票代码(股票代码)。
感谢您的任何帮助!
这是你的意思吗?如果是这样,请注意,您将需要处理一些安全检查。在输入字符串上。
<?php //create a php page and name it what ever
$iframe = null;
if (isSet ($_POST ['submit']))
{
if (!empty ($_POST ['search']))
$iframe = "<iframe src='https://www.tradingview.com/e/?symbol={$_POST ['search']}'' width='800' height='600'>";
}
?>
<form method="post" action="">
<input type="text" name="search"><input type="submit" name="submit" value="searc">
</form>
<?php echo $iframe; ?>
您可以将搜索框输入POST
到包含您所指iframe
的 php 或 php 页面中。例如:
我认为你有一个表格:
<form action='frame.php' method='POST'>
<input type='text' name='keyword'><input type='submit' value='search'>
</form>
您的frame.php
:
<?php
$keyword = $_POST['keyword'];
echo "<iframe src='$keyword'></iframe>";
?>
如果您只想填充iframe
的属性src
仅此而已。
但是,我认为它无法正常工作,因为iframe
src
必须是指向文件的链接(包括文件名和扩展名)。因此,如果它只是一个关键字,则必须在将其附加到src
atrribute 之前处理关键字。
我建议你使用jquery,ajax和json,如果你想让你的网页看起来更动态。
相关文章:
- 如何使用Angular动态添加iframe-src
- 在不设置协议的情况下,使用javascript/jquery更改iframe-src
- 如何在使用JavaScript或jQuery刷新父页面后保留iframe-src
- Change iframe src
- 使用jQuery来foreach iframe-src,并通过函数获取ID和操作
- jQuery在iFrame Src中查找和替换文本
- 使用jQuery编辑iframe-src
- 如何更改具有相同类、名称的 iframe src
- 用vbscript更改iframe src(打开关于语言)
- iframe src 使用现有值在单击时添加自动播放=true 参数
- 为什么当我尝试为iframe-src属性构建URL时,AngularJS会抛出错误
- 防止iFrame src在加载时在单击时被触发
- 使用输入类型text更改iframe-src
- 更改iframe src可阻止父级隐藏
- 使用 JavaScript 更改 iframe src
- 使用jquery检测iframe-src更改
- 通过选择框“选项”更改 Iframe SRC
- 加载 Iframe src,并从水平下拉菜单中进行选择
- 单击元素时重新加载 iframe src
- 如何使用 iframe.src 下载文件时获取返回状态代码