我有一个HTML页面,使用表单,我将一个变量传递给生成图形的PHP页面。
该图表加载了JpGraph,这是一个创建img
的强大工具。
给定以下形式,我加载了四个不同的图形,通过四个不同的值。
如您所见,图表将重定向到浏览器中的新选项卡(target="_blank"
):
<form method="POST" action="graph.php" target="_blank">
<select name="eti">
<option value="04" selected> graph with input value 4
<option value="06"> graph with input value 6
<option value="08"> graph with input value 8
<option value="11"> graph with input value 11
</select>
<input type="submit" name="tag" value="load graph" />
</form>
我想知道是否可以在同一个HTML页面上动态加载四个图表,在表单正下方(而不是将它们重定向到不同的标签页)。
我需要Javascript才能这样做吗?欢迎任何提示。
答案 0 :(得分:0)
我找到了一种方法,使用 iframe :
<form class="forms" method="POST" action="graph.php" target="iframe">
<select name="eti">
<option value="" selected> - scegli un tag -
<option value="04"> tag 4
<option value="06"> tag 6
<option value="08"> tag 8
<option value="10"> tag 10
</select>
<input type="submit" name="tag" value="load graph" />
</form>
<div class="embed-container">
<iframe name="iframe" width="400" height="350" frameborder="0" allowfullscreen>
<img src="graph.php" />
</iframe>
</div>
除此之外,还需要一些CSS格式。