JavaScript - 安全错误 : The operation is insecure

Question

我有以下 html 元素

<a class="btn-modal" data-modal-window-id="category-add-modal" href="#" data-mode="edit" data-content="{&quot;category_id&quot;:16,&quot;category_name_en&quot;:&quot;Food&quot;,&quot;category_name_ar&quot;:&quot;\u0637\u0639\u0627\u0645&quot;,&quot;category_icon&quot;:&quot;2c5ee2e6fd0d9f379dd85a55bf66e851.png&quot;}">Edit</a>

单击时，我想从 data-content 属性读取内容并填充相应的 html 元素。

这是我的尝试

$('.btn-modal').on('click', function() {
    if ($(this).attr('data-mode') && 'edit' == $(this).attr('data-mode')) {
        var content = $(this).data('content');
        $.each(content, function(id, value) {
            var formElement = $('#'+id);
            formElement.val(value);
        });
    }
    return false;
});

不幸的是，FF 给了我以下错误

安全错误:操作不安全。

当我删除这行代码 formElement.val(value); 时，错误不再显示。为什么 Firefox 提示我想从 JSON 设置元素的 value 属性存在安全问题？

有什么关于这里发生的事情的提示吗？

Answer 1

事实证明，我试图将 val() 设置为输入类型文件，导致错误。

这个帖子帮助我理解了这个问题

jQuery: Javascript throws Error "The operation is insecure" when setting value

问题现已解决。