jQuery基于表单查找名称

时间:2014-09-30 23:14:54

标签: javascript jquery html twitter-bootstrap

所以我目前正在尝试使用基于保存信息的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-examplesomething-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>

我将如何处理此功能?谢谢!

0 个答案:

没有答案