gpt4 book ai didi

php - 使用 jquery 转发器时表单不发送输入字段

转载 作者:行者123 更新时间:2023-12-05 09:12:18 25 4
gpt4 key购买 nike

我正在使用 https://github.com/DubFriend/jquery.repeater (jquery repeater) 克隆表单字段。它正在成功克隆该字段,但是,当提交表单时,该字段没有被发送。

到目前为止,我发现正在发送 data-repeater-item 之外的输入字段。


<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.repeater/1.2.1/jquery.repeater.min.js"></script>

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
print_r($_POST);
}
?>

<h2>Repeater</h2>
<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" class="repeater" method="POST" enctype="multipart/form-data">
<input type="text" name="full_name">
<div data-repeater-list>
<div data-repeater-item>

<input type="text" name="text-input" value="A"/>

<select name="select-input">
<option value="A" selected>A</option>
<option value="B">B</option>
</select>


<input data-repeater-delete type="button" value="Delete"/>
</div>
</div>
<input data-repeater-create type="button" value="Add"/>
<button type="submit">Submit</button>
</form>




<script>
$(document).ready(function () {
'use strict';

$('.repeater').repeater({
show: function () {
$(this).slideDown();
},
hide: function (deleteElement) {
if(confirm('Are you sure you want to delete this element?')) {
$(this).slideUp(deleteElement);
}
}
});
});
</script>

最佳答案

实际上,您需要为 data-repeater-list 传递一个值。喜欢

<div data-repeater-list="group-a"> //this will be the name for these repeated fields

在此之后,您提交的数据将如下所示:

Array
(
[full_name] => John Doe
[group-a] => Array
(
[0] => Array
(
[text-input] => A
[select-input] => A
)

)

)

关于php - 使用 jquery 转发器时表单不发送输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58677307/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com