如何從表單獲取數據並將其發布到iframe？

Question

所以我有一個表格 ...

<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，但我似乎無法使任何代碼對我有用。

因此，如果有人可以在這里幫助我，將不勝感激。

Answer 1

在同一頁面上使用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>

如何從表單獲取數據並將其發布到iframe？

問題描述

1 個解決方案

解決方案1
0 2011-11-17 16:36:06

如何從表單獲取數據並將其發布到iframe？

問題描述

1 個解決方案

解決方案1 0 2011-11-17 16:36:06

解決方案1
0 2011-11-17 16:36:06