嗨我有这个代码,其中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];
}
它附加了元素但它没有显示附加数组的值..它给出了一个错误偏移未定义
答案 0 :(得分:0)
你的循环应如下所示:
foreach($_POST['paragraph'] as $count => $value){
echo $value;
echo $_POST['font'][$count];
}
答案 1 :(得分:0)
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];
}