通过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; }
前台输出预览:
转载于:https://my.oschina.net/yjft/blog/968511