使用JS

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

如果希望文本显示为粗体，则应更改元素的CSS属性。

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

这可以解决您的问题。

Answer 2

他上面所说的，但引用粗体这个词：

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

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

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

在你的CSS中：

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