通过cloneya无刷新动态添加或减少多个input输入框前后台代码实现

功能实现：

jquery无刷新动态添加多个input输入框 增加减少input框

表单中点击按钮动态增加输入框数量，点击按钮之后，输入框会不断的增加，每点击一次，增加一个。
https://github.com/xiaoyu-edu/jquery-cloneya
后台接受值处理：

由如图数组转



转为：



实现代码：

echo "<hr>";

foreach ($_POST as $key => $val) {

$num = count($val);

for ($i = 0; $i < $num; $i++) {
$xx[$i]["name"] = $_POST["name"][$i];
$xx[$i]["email"] = $_POST["email"][$i];
$xx[$i]["web"] = $_POST["web"][$i];

}

}

echo "<pre>";
print_r($xx);
echo "</pre>";

echo "<hr>";

存入数据库转义：

echo "<hr>";

echo json_encode($xx);

echo "<hr>";
$jsonstr = addslashes(json_encode($xx));

echo $jsonstr;

echo "<hr>";

echo stripslashes($jsonstr);

前台代码实现：

foreach ($xx as $kk => $vv) {

//  echo $vv["name"]."|".$vv["email"].$vv["web"]."<br>";

echo $str = <<<EOF
<p class="name">
<input type="text" name="name[]" id="sname" value="{$vv["name"]}" />
<label for="name">Name</label>
</p>

<p class="email">
<input type="text" name="email[]" id="semail" value="{$vv["email"]}" />
<label for="email">E-mail</label>
</p>

<p class="web">
<input type="text" name="web[]" id="sweb" value="{$vv["web"]}" />
<label for="web">Website</label>
</p>
<hr>
EOF;

}

前台输出预览：