通过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;


}

前台输出预览：