JSを実装してiframeのフォームに値を渡す方法-jsチュートリアル-php.cn

JSを実装してiframeのフォームに値を渡す方法

黄舟

リリース： 2017-03-25 14:44:46

オリジナル

1564 人が閲覧しました

この記事では、iframe内のフォームへの値の転送をJSで実現する方法を主に紹介し、ページ要素やフォーム属性の操作などのJS関連の実装テクニックを紹介します。必要な方は参考にしてください。この記事の JS の実装では、iframe value メソッドで値をフォームに転送するように指示されています。参考までに皆さんと共有します。詳細は次のとおりです:

値を割り当てる前に、iframe に contentWindow 属性を追加します。

例:

Page a.jsp

<script language="Javascript">
function ExecuteSql()
{
var FormObj = document.getElementById("ResultShowFrame").contentWindow;
var SqlStr=document.getElementById("sqlcontent").value;
if (SqlStr !="")
{
  FormObj.document.getElementById("Sql").value=SqlStr;
  FormObj.document.getElementById("Result").value=&#39;Submit&#39;;
  FormObj.document.ExecuteForm.submit();
}
}
</script>
<form name="dbcompress" action="?Action=CompressDate" method="post">
<textarea name="sqlcontent" rows="3" wrap="OFF" style="width:100%;" id="sqlcontent"></textarea>
<input name="Submit" type="button" onClick="ExecuteSql();" class="Anbut2"  value=" 执 行 ">
</form>
<iframe id="ResultShowFrame" scrolling="yes" src="b.asp" style="width:100%;height:420;" frameborder=1></iframe>

ログイン後にコピー

Page。 b.jsp:

りー

以上がJSを実装してiframeのフォームに値を渡す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。