Javascript 附加元素在传递时未定义

嗨，我有一段代码，其中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>

---

它附加元素，但不显示附加数组的值。。它给出了一个未定义的错误偏移量

您的循环应该如下所示：

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

---

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

2.您也需要更改PHP代码

代码需要如下所示：-

HTML页面：-

托霍马
Arial
函数add段落（）{
变量字符串=''+'tohomarial'；
jQuery（'#firstpart'）.append（字符串）；
}

PHP页面：-

---

我没有看到结束选择标记抱歉我错过了它我只是在这里创建了代码我没有复制并粘贴它第一个选择标记呢。在jquery代码中出现引号问题之前，它不会关闭。
function addparagration（）{var string='+'tohomarial'；jquery（'#firstpart'）。append（string）；}
它是数组的偏移量吗？类似字体[0]或字体[1]
  foreach($_POST['paragraph'] as $count => $value){
  echo $value;
  echo $_POST['font'][$count];
}

<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
foreach($_POST['paragraph'] as $key => $value){
  echo $value;
  echo "<br>";
  echo $_POST['font'][$key];
}