带有页面重置的bootstrap-tagsinput

Question

我有一个使用django 1.10和python 3.3.4的测试页。

我正在使用bootstrap-tagsinput允许用户向其记录中添加标签。

除了我遇到的一个问题之外，其他一切似乎都很好。

当用户编辑其页面时，我无法找到一种方法来重置标签输入字段，因为用户在重置表单时已保存标签。

任何建议都会很棒。

我尝试了一个单独的隐藏输入字段，用于保存用户标签（在页面加载时填充），但是如何将隐藏字段的内容输入到bootstrap-tagsinput字段？

这是我的表单字段模板代码：

<div class="controls">
    <b>Tags</b>
    <span class="spacer"></span>
    {{form.resume_published_details_tags}}
    <input id="id_hidden_resume_published_details_tags" type="hidden" value="">
</div>

这是我的页面加载jquery代码：

$(document).ready(function() {
    ....
    $('#id_resume_published_details_tags').tagsinput({
       maxTags: 25,
       maxChars: 25,
       trimValue: true,
       afterSelect: function() {
           this.$element[0].value = "";
       }
    });
    // populate the hiden field with the tags when page loads.
    $('#id_hidden_resume_published_details_tags').val($('#id_resume_published_details_tags').val());
    ....

    // clear form and preview when reset button is clicked
    $('.resume_publish_reset_button').on('click', function() {
        // refresh the form.
        publish_resume_details_form.reset();
        ....
        // reset the tags input field with the original tags.


    });
});