Полужирная строка в TextArea с использованием JS

Question

Я автоматически заполняю текст в текстовой области на основе значения, выбранного из ddl.

Теперь я могу получить текст, чтобы появиться, но я бы хотел, чтобы этот текст был bold.

У меня есть это:

$(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; } 

Answer 2

Если вы хотите, чтобы текст был выделен полужирным шрифтом, вы должны изменить свойства CSS элемента.

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

Это должно решить вашу проблему.