Javascript 从codeigniter中的动态表单获取值

我有一个用以下代码编写的动态表单，我正在尝试获取表单中的所有细节。我该怎么做呢

形式

---

什么表格？从外观上看，您没有一个模板，上面的代码似乎只是在显示一个模板。如果你有表格，你应该发布相关的代码。

试图获取详细信息的意思是什么？请更具体地说明实际问题are@Philip模板显示在div name gc_photos中。我已更新了代码。@charlietfl我正在尝试获取图像名称、复选框值和标题等详细信息。由于表单是动态的，因此表单中可能会显示一个或多个图像详细信息。请使用
serialize（）
获取jQuery中的所有表单数据…然后使用php在数组中循环。还不清楚是什么问题…php还是jQeury？
<?php echo form_open_multipart('backendProduct/save_product'); ?>
    <div class="row"  ng-app="appcolor">
<div id="gc_photos"></div>
    </div>
</form>

<script type="text/template" id="imageTemplate">
    <div class="row gc_photo" id="gc_photo_{{id}}" style=" border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;">
        <div class="col-md-2">
            <input type="hidden" name="images[{{id}}][filename]" value="{{filename}}"/>
            <img class="gc_thumbnail" src="<?php echo base_url('../product_images/{{filename}}');?>" style="padding:5px; border:1px solid #ddd"/>
        </div>
        <div class="col-md-10">
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <input name="images[{{id}}][alt]" value="{{alt}}" class="form-control" placeholder="<?php echo lang('alt_tag');?>"/>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="checkbox">
                        <label>
                            <input type="radio" name="primary_image" value="{{id}}" {{#primary}}checked="checked"{{/primary}}/> <?php echo lang('main_image');?>
                        </label>
                    </div>
                </div>
                <div class="col-md-4">
                    <a onclick="return remove_image($(this));" rel="{{id}}" class="btn btn-danger pull-right"><i class="icon-times "></i></a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <label><?php echo lang('caption');?></label>
                    <textarea name="images[{{id}}][caption]" class="form-control" rows="3">{{caption}}</textarea>
                </div>
            </div>
        </div>
    </div>
</script>

function addProductImage(val)
{
    view = {
        id:val.item_id,
        filename:val.detail_image_name,
        alt:val.alt,
        primary:val.primary,
        caption:val.caption
    }

    var output = Mustache.render(imageTemplate, view);

    $('#gc_photos').append(output);
    $('#gc_photos').sortable('refresh');
    photos_sortable();
}