Question

嗨我有这个代码，其中everclick附加一个DOM元素，用户可以选择他想要的东西，然后将其提交到另一个页面。

<form action="view.php" method="post">
<textarea name="paragraph[]"></textarea><input type="button" onclick="addparagraph();" value="+">
</input>
<select name="font[]">
<option>Tohoma</option>
<option>Arial</option>
</select>
<div id="firstpart"></div>
<input type="submit" value="submit"/>
</form>
<script>
function addparagraph(){
  var string = '<textarea name="paragraph[]"></textarea>'+
  '<select name="font[]"><option>Tohoma</option><option>Arial</option></select>';
  jQuery('#firstpart').append(string);
}
</script>

一旦提交，它就不会获得附加元素的值

这是view.php部分

foreach($_POST['paragraph'] as $count => $value){
  echo "$value";
  echo "$_POST['font'][$count];
}

它附加了元素但它没有显示附加数组的值..它给出了一个错误偏移未定义

Answer 1

你的循环应如下所示：

  foreach($_POST['paragraph'] as $count => $value){
  echo $value;
  echo $_POST['font'][$count];
}

Answer 2

1.您需要添加一个jQuery库以使您的代码正常工作。

2.您也需要更改PHP代码。

代码必须如下所示： -

HTML PAGE： -

<form action="view.php" method="post">
    <textarea name="paragraph[]"></textarea><input type="button" onclick="addparagraph();" value="+"></input>
    <select name="font[]">
        <option>Tohoma</option>
        <option>Arial</option>
    </select>
    <div id="firstpart"></div>
    <input type="submit" value="submit"/>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
function addparagraph(){
  var string = '<textarea name="paragraph[]"></textarea>'+'<select name="font[]"><option>Tohoma</option><option>Arial</option></select>';
  jQuery('#firstpart').append(string);
}
</script>

PHP PAGE： -

<?php
foreach($_POST['paragraph'] as $key => $value){
  echo $value;
  echo "<br>";
  echo $_POST['font'][$key];
}

传递时，附加元素未定义

2 个答案: