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

所以我有一個形式 ...如何從表單中獲取數據並將其發佈到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，但我似乎無法讓任何代碼爲我工作。

所以，如果任何人都可以幫助我在這裏，將不勝感激。

來源

2011-11-16 user1048885

人都在使用Javascript這一點。使用PHP意味着將表單提交給服務器，這將刷新整個頁面，而不僅僅是一個iframe。 –

您的iframe是否位於同一頁面上？你想如何讀取數據？點擊一個按鈕或用戶鍵入文本框？ – Searock

@Searock的iframe是在同一頁上，我希望數據被讀入一個按鈕的iframe點擊： – user1048885

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

來源

2011-11-17 16:36:06 Searock

OP詢問後臺服務或api，它將接受表單數據並回應。 – Matt

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

回答

相關問題