在 Javascript 下拉列表中添加 HTML 代码,Javascript 不评估 HTML 代码

Add HTML code in Javascript dropdown, Javascript dosen't evaluate HTML code

本文关键字:HTML 代码 Javascript 评估 添加 下拉列表      更新时间:2023-09-26

我为我的表使用 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
    });
});

我想使用带有字体真棒图标的选择下拉列表。但是当我编写上面的代码时,它只会打印'<i class="fa fa-check"></i>'

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

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

您可以做的是遵循以下示例: https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild

正确创建节点并将其append到文档中希望它显示的位置。