2013-02-25 108 views
0

我正在使用js和html,所有客戶端。我有以下情況...我有一個html表單(在index.html中),它包含一些輸入和一個提交按鈕。除此之外,表單還包含一個iframe標記,它指向包含其他html表單的另一個頁面(other.html)。事情是在這個其他頁面稱爲other.html我有一個文本輸入(名稱=「信息」)內的表單標籤,保存一些信息。javascript和iframe問題

現在我想要做的是提交這個信息的輸入值的形式index.html。

例的index.html:

<html> 
    <body> 
     <form method="post" action="aphpfile.php"> 
      <input type="text" name="a"/> 
      <input type="text" name="b"/> 
      <input type="text" name="c"/> 
      <iframe id="other1" width="408" height="200" frameborder="0" 
       scrolling="no" marginheight="0" 
       marginwidth="0" src="other.html"></iframe> 
      <input type="submit" value="submit"/> 
     </form> 
    </body> 
</html> 

例other.html:

<html> 
    <script type="text/javascript"> 
     function setInfo() { 
      document.getElementById("info").value = "this is the info"; 
     } 
    </script> 
    <body> 
     <form> 
      <input type="text" id="info" name="info"/> 
     </form> 
     <input type="button" onclick="setInfo();" value="setInfo"/> 
    </body> 
</html> 

所以從aphpfile.php我想這樣做:

$a = $_POST['a']; 
$b = $_POST['b']; 
$c = $_POST['c']; 
$info = $_POST['info']; 
echo $a . "," . $b . "," . $c . "," . $info; 

感謝您幫幫我。

+1

追加變量作爲一個隱藏的輸入您要提交表單通過ajax調用。在ajax調用的成功函數上追加變量到你當前的表單。 – 2013-02-25 20:36:02

+0

嗨,謝謝你的回答,你能舉個例子嗎?我只是在學習js ajax和所有這些東西。謝謝! – Alejandro 2013-02-25 21:00:15

+0

我得到了你所說的,但我不知道如何寫這個你正在談論的ajax代碼! thx再次 – Alejandro 2013-02-25 21:01:30

回答

0

解決了許多iframes。下面的代碼寫在一個函數中,當提交表單到aphpfile.php時被調用。我希望有人認爲這有用:)

var iframe = document.getElementById('other1'); 
     var innerDoc; 
     var data; 
     var name; 
     var htmlData=""; 
     var i=1; 
     while(iframe != null) 
     { 
      innerDoc = iframe.contentDocument || iframe.contentWindow.document; 
      data=innerDoc.getElementById("info").value; 
      name="info"+i; 
      htmlData+="<input type='hidden' name='"+name+"' value='"+data+"'/>"; 
      i++; 
      iframe = document.getElementById('other'+i); 
     } 
     document.getElementById("hiddens").innerHTML=htmlData; 

而且OFC有一個

<div id="hiddens"></div> 

index.html中的表單內