所以我目前正在尝试使用基于保存信息的jQuery填充表单。目前,我这样做:
$.each(form_data.form_data, function(name, val) {
var $el = $('[name="' + val.name + '"]');
var type = $el.attr('type');
switch(type){
case 'checkbox':
$el.attr('checked', 'checked');
break;
case 'radio':
$el.filter('[value="' + val.value + '"]').attr('checked', 'checked');
break;
default:
$el.val(val.value);
}
});
但是,如果输入字段不存在,我希望能够复制父div并在最后一个div之后创建一个克隆。唯一一次出现这种情况的方法是,如果他们之前动态创建了字段,那么它们的格式为something-example[0]
和something-example[1]
我的想法是,如果我有something-example[2]
,那么搜索没有方括号的输入字段,以便尝试将something-example
与something-example
匹配,然后克隆该div。如果您想了解页面的设计,我正在使用Bootstrap。
这是form-group的一个例子:
<div class="form-group itemize-last">
<label for="itemize-supplies-name[1]" class="col-sm-1">Item</label>
<div class="col-sm-5">
<input type="text" name="itemize-supplies-name[1]" class="form-control">
</div>
<label for="itemize-supplies-amount[1]" class="col-sm-1">Amount</label>
<div class="col-sm-3">
<div class="input-group">
<span class="input-group-addon">$</span>
<input type="text" name="itemize-supplies-amount[1]" class="form-control itemize-supplies-amount money">
</div>
</div>
</div>
我将如何处理此功能?谢谢!