SheepIt:每个重复表单上的多个值的数据注入?

时间:2014-01-15 02:24:58

标签: jquery forms multivalue sheepit

我想用SheepIt复制两个字段:Email-Address和Email-Address-Type。这些应该每次都重复。我已经有了这个工作,这是HTML:

    <div class='form-group'>
        <label>Emails</label>
        <div id='emails-form_controls' class='inline'>
            <div id='emails-form_add' class='inline'>
                <a class='btn action highlight-color'>
                    <span>Add email</span>
                </a>
            </div>
        </div>
        <div id='emails-form'>
            <div id='emails-form_template' class='multiple-form'>
                <input type='text' name='emails[#index#]' id='emails-form_#index#_email' class='form-control auto-width inline' />
                <select name='etypes[#index#]' id='etypes-form_#index#_etype' class='form-control auto-width inline'>
                    <option value='1'>Default</option>
                    <option value='2'>Personal</option>
                    <option value='3'>Work</option>
                </select>
                <a id='emails-form_remove_current'>
                    <i class='fa fa-times-circle delete-icon'></i>
                </a>
            </div>
            <div id='emails-form_noforms_template'>No emails</div>
        </div>
    </div>

当我尝试进行数据注入时,我遵循SheepIt example on their website,所以我添加了这个Javascript:

    var sheepItForm = jQuery("#emails-form").sheepIt({
        separator: "",
        allowRemoveLast: true,
        allowRemoveCurrent: true,
        allowRemoveAll: false,
        allowAdd: true,
        allowAddN: true,
        maxFormsCount: 0,
        minFormsCount: 0,
        iniFormsCount: 0,
        data: [{'email':'workemail@work.com', 'etype': '3'}]
    });

我看到“workemail@work.com”出现,但类型没有改变。 注意:我知道SheepIt有选择标签的错误并且已经修复了它;我已经在另一个下拉字段

上工作了

我的问题变成了,简单地说:

如何获取多字段SheepIt表单的第二个字段以填充数据?

1 个答案:

答案 0 :(得分:0)

通过逐行调试SheepIt代码来计算出来!

这条线让我感到困惑:

<select name='etypes[#index#]' id='etypes-form_#index#_etype' class='form-control auto-width inline'>

SheepIt正在通过ID查找,但使用表单的名称代替:emails

将该行更新为以下内容使一切运行得非常好:

<select name='etypes[#index#]' id='emails-form_#index#_etype' class='form-control auto-width inline'>