javascript - 在 Javascript 下拉列表中添加 HTML 代码，Javascript 不评估 HTML 代码

Question

我为我的表格使用 X-editable 框架。

但是我有一些问题。

$(document).ready(function() {
    $('.access').editable({
        source: [
            {value: '0', text: 'Invalid'},
            {value: '1', text: '<i class="fa fa-check"></i>'}
        ],
        ajaxOptions: {
            dataType: "json" //assuming json response
        },
        showbuttons: false
    });
});

我想将选择下拉菜单与 font awesome 中的图标一起使用。但是当我写上面的代码时它只是打印'<i class="fa fa-check"></i>'

我如何评估该 HTML 代码以显示图标？

我试过了 document.write('<i class="fa fa-check"></i>')但它删除了漏洞页面。

Answer 1

您可以按照此处的示例进行操作:https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild

要正确创建节点并将其附加到文档中您希望它出现的位置。