2012-04-16 5 views
1

私はjQueryでいくつかのテキストエリアを生成しています。私はすべての塗りつぶしテキストエリアの値をページ上のPOSTメソッド(これはコンセプトの証明で、すばやく汚れていますが、普通はしません)で検索したいのですが、私がsubmitを押すと、 1つだけの値、どちらが最終のテキストエリア値です。私は配列とforeachループでこれを行うことができると思っていますが、これを行う方法がわからないのは、jQuery /ページ上の要素のすべての追加がこの作業で合併したからです。私は同じ名前を持つ生成されたテキストエリアのすべてと関係があるかもしれないと想像しています...誰ですか?ここでダイナミック(jQuery)で生成されたテキサスの配列をループして値を同じページに投稿するにはどうすればよいですか?

はコード -

<script type="text/javascript"> 
     $(document).ready(function() { 

      $('.textadder').click(function(){ 
      $("form").append("<p class='introText2'>Enter More Text</p><textarea rows='5' cols='20' name='textForm' class='formText2'></textarea>"); 
     }); 



    });/*document ready*/ 

</script> 

<?php 

if (isset($_POST['textForm'])) 
{ 
$formTxt = $_POST['textForm']; 
     echo $formTxt; 
} 
?> 
</head> 

<body> 


<div id="wrapper"> 
    <div id="submittedHolder"></div> 
    <div class="formBox"> 
     <form method="post" action=""> 
      <p class="introText">Please Enter Some Text</p> 
      <textarea rows="5" cols="20" name="textForm" class="formText"></textarea> 
      <input type="submit" class="submitter" value="Submit"> 
     </form> 

     <div class="textadder"><p>More Text</p></div> 
     <div class="clearer"></div> 
    </div><!--formBox--> 
</div><!--wrapper--> 


</body> 

</html> 

感謝です!

答えて

0

使用あなたのテキストエリア名の代わりに、textFormtextForm[]:すべての "textForm" テキストエリアが$_POST['textForm']配列になります。その後

<textarea rows="5" cols="20" name="textForm[]" class="formText"></textarea> 

0
<script type="text/javascript"> 
     $(document).ready(function() { 

      $('.textadder').click(function(){ 
      $("form").append("<p class='introText2'>Enter More Text</p><textarea rows='5' cols='20' name='textForm[]' class='formText2'></textarea>"); 
     }); 



    });/*document ready*/ 

</script> 

<?php 

if (isset($_POST['textForm'])) 
{ 
$formTxt = $_POST['textForm']; 
     foreach($formTxt as $txt){ 
      echo $txt; 
    } 

} 
?> 
</head> 

<body> 


<div id="wrapper"> 
    <div id="submittedHolder"></div> 
    <div class="formBox"> 
     <form method="post" action=""> 
      <p class="introText">Please Enter Some Text</p> 
      <textarea rows="5" cols="20" name="textForm[]" class="formText"></textarea> 
      <input type="submit" class="submitter" value="Submit"> 
     </form> 

     <div class="textadder"><p>More Text</p></div> 
     <div class="clearer"></div> 
    </div><!--formBox--> 
</div><!--wrapper--> 


</body> 

</html> 

ここで配列を使用してください。 投稿オブジェクトは配列になります。

関連する問題