javascript - 使用JS在TextArea中加粗字符串

Question

我根据从 ddl 中选择的值自动填充文本区域中的文本。

现在我可以显示文本，但我希望该文本是粗体。

我有这个:

$(document).ready(function () {
$('#activityID').change(function () {
    var selectedActivity = this.options[this.selectedIndex].parentNode.label;
    var text = "Event Name: \nEvent Location: \nEstimated # of Participants:"
    var result = text.bold();
    if (selectedActivity === "DEMONSTRATIONS") {
        $('#Summary').val(result);
    }
    else if (selectedActivity !== "DEMONSTRATIONS") {
        $('#Summary').val("");
    }
});
});

在 TextArea 中，它呈现为:

<B>Event Name: 
Event Location: 
Estimated # of Participants:</B>

当从 DDL 中选择特定项目时，是否有任何可能的方法使此文本呈现为粗体？

我引用了 this但这和上面的一样。

感谢任何帮助。

Answer 1

他上面说的，但引用粗体字:

var result = $("<span>").text(text).css({ 'font-weight': 'bold' });

或者更好的是，将 CSS 类应用于该字段，并在您的 css 文件中将该类与粗体相关联。

var result = $("<span>").text(text).addClass('mybold');

在你的 CSS 中:

span.mybold: { font-weight: bold; }