如何从表单中获取数据并将其发布到iframe中?

时间:2011-11-16 03:58:13

标签: javascript html forms iframe

所以我有表格 ...

<fieldset>
<legend>Post a comment:</legend>
<form target="forum" method="post" action="forum.**SomeKindOfExtension**" >
                Name: <br />
        <input type="text" name="fname" /><br />
                Subject:<br />
        <input type="text" name="subject" size="50"/><br />
                Comment:<br />
<textarea name="comment" rows="10" cols="100">Hello,</textarea><br />

<input type="submit" value="Send" />
<input type="reset" value="Reset" />

</fieldset>
</form>

然后我想获取数据(名称,主题和评论)和将其放入iframe ......

<iframe name="forum" src="forum.**SomeKindOfExtension**" 
width="900" height="500" ></iframe>

希望你能看到我的问题,哪种类型的文件读取表单数据在iframe窗口中显示?当我一直在查找答案时,人们似乎正在使用javascript或php,但我似乎无法让任何代码适合我。

所以如果有人能在这里帮助我,我将不胜感激。

1 个答案:

答案 0 :(得分:0)

在同一页面上使用iframe没有任何意义,因为当您单击提交按钮时,整个页面将被提交到另一个页面,并指定该表单的action属性。

相反,您可以使用其他按钮(不是提交按钮)将数据发送到iframe或使用父页面,然后包含您的两个框架,即表单和iframe。

这是第一个例子

<强> mainpage.html

<HTML>
     <HEAD>
          <TITLE>JavaScript Example</TITLE>
     </HEAD>

     <BODY>

          <iframe src="frame.html" width="100%" height="100%" name="someFrame"></iframe>

          <FORM name="form1">
               <INPUT type="button" value="Click Me" 
               onClick="someFrame.document.form1.text1.value='Me!'">
          </FORM>
     </BODY>
</HTML>

<强> frame.html

<HTML>
     <HEAD>
          <TITLE>JavaScript Example</TITLE>
     </HEAD>

     <BODY>
          <FORM name="form1">
               <INPUT type="text" name="text1" size="25" value="">
          </FORM>
      </BODY>
</HTML>

这是第二个例子

<强> parent.html

<HTML>
     <HEAD>
          <TITLE>JavaScript Example</TITLE>
     </HEAD>

     <FRAMESET cols="80%,20%">
          <FRAME SRC="left.html" name="left_frame">
          <FRAME SRC="right.html" name="right_frame">
     </FRAMESET>
</HTML>

<强> left.html

<HTML>
     <HEAD>
          <TITLE>JavaScript Example</TITLE>
     </HEAD>

     <BODY>
          <FORM>
               <INPUT type="button" value="Click ME" 
               onClick="parent.right_frame.document.form1.text1.value='Me!'">
          </FORM>
     </BODY>
</HTML>

<强> right.html

<HTML>
     <HEAD>
          <TITLE>JavaScript Example</TITLE>
     </HEAD>

     <BODY>
          <FORM name="form1">
               <INPUT type="text" name="text1" size="25" value="">
          </FORM>
      </BODY>
</HTML>