Question

我正在编写一个脚本，使用js为表单添加行。

这是我的js脚本。

                    <script>
                        jQuery(function($) {
                            var $button = $('#add-row'),
                                    $row = $('.timesheet-row').clone();

                            $button.click(function() {
                                $row.clone().insertAfter('#clone-row');
                            });
                        });
                    </script>

然后我的表单元素就像这样设置了。

<div class="form-group col-lg-2">
<label>In Time</label>
<input class="form-control" type="datetime"    id="intime" name="intime[]">
</div>

我的问题是我似乎无法弄清楚如何检索表单字段的值

这里是jfiddle

jfiddle

更新了jfiddle以修改代码以发布到php文件

<?php

$pos= $_POST['position'];
    $position = json_decode($pos);
echo $position;
echo "This should work";

如果找到的行超过一行，则不会返回任何响应。

Answer 1

基本上，您需要遍历元素以获取其值。

.each()会帮助你。

使用input选择元素select或name并在其上调用.each()。

在.each()中获取当前元素的值并存储它。

这里有更新的jsFiddle。

我冒昧地添加了一个按钮（id = "get-row-values"），在其点击后，您会看到一条提醒，其中包含您input和select的所有值{1}}。

我还从.timesheet-row和[]的名称中删除了input。

select

js添加行（克隆）获取变量

1 个答案: