HTML 内的标签 jQuery

Question

每次我循环遍历这个 foreach 时，都会使用数据库值设置一个下拉列表。当 table 具有 name 的值时，它在为空时保持其值；它没有显示任何内容。那挺好的。但是每次显示名字的时候，我都想要this.name前面有一个FontAwesome图标。示例 <i class="fas fa-car">。如何在 text: 和 (this.name ? 之间获取此 HTML 标签？

processResults: function (data, params) {
    var results = [];
    jQuery.each(data, function () {
        results.push({
            id: this.id,
            text: (this.name ? this.name + ' ' : '')
                + (this.firstname ? this.firstname + ' ' : '')
                + (this.middlename ? this.middlename + ' ' : '')
                + (this.lastname ? this.lastname + ' ' : '')
                + ' (' + this.email + ')',
        });
    });
    return {
        results: results,
        pagination: {
            more: false
        }
    };
}

我的问题是要在我的问题中加入一点 HTML 所以你开始吧:)

<div class="form-group row">
    <label class="col-md-2 col-form-label" for="users">{{ trans('messages.receiver') }}</label>
    <div class="col-md-10">
        <select id="users" title="Search users" multiple class="form-control" name="user_ids[]"></select>
    </div>
</div>

Answer 1

您也可以通过 css 解决这个问题您可以使用 before.

在名称前添加带有一些 css 样式的字体图标

这里的link是我的一个旧书签，你可以在其中找到已批准答案中的示例。

Use font awesome icon as CSS content

Answer 2

.select2的标准值是不能显示HTML个标签。

您可以通过添加覆盖它：

escapeMarkup: function(markup) { return markup; },

在顶部。这将覆盖它不识别 HTML 标签的值。

现在您可以添加所需的 HTML 代码。

HTML 内的标签 jQuery

HTML tag inside jQuery

html

jquery

laravel

font-awesome