如何使用编辑模式下的数据填充多个电子邮件字段

Question

我有一个包含多封电子邮件的输入文字，我使用this plugin 当我在该字段中输入电子邮件时，它正常工作。

现在问题是当我保存表单并尝试编辑它时，值不显示在该字段中..

如何使用javascript或jquery在该字段中显示电子邮件？

这是显示电子邮件字段的jquery代码：

 $('#id_emails').multiple_emails();

我试图像这样更改该字段的值：

$('.multiple_emails-input').val({{ emails|safe }});

HTML中的内容：

<input type="text" class="multiple_emails-input text-left">
r@gmail.com
ra@gmail.com
r2h@gmail.com
</input>

其中{{emails}}是服务器返回的电子邮件列表，但没有显示

有人可以帮我吗？

Answer 1

似乎这个插件没有任何API来重置和重新填充列表，所以我们可以尝试模拟用户操作（虽然这不是一个好方法）。

例如：

//remove all items
$('.multiple_emails-email .glyphicon-remove').click();

//add new item:
$('.multiple_emails-input').val('test@new.email').blur();
$('.multiple_emails-input').val('test@new.email').blur(); //for some reason this 
//must be called twice when adding first new item (I don't know why)
//second item:
$('.multiple_emails-input').val('one@more.email').blur();

此代码适用于demo-page。