2016-05-25 26 views
1

我根据从ddl中选择的值自动填充文本区域中的文本。使用JS的TextArea中的粗体字符串

现在我可以看到要显示的文本,但我希望文本为加粗

我有这样的:

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

文本区它被渲染为:

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

是否有任何可能的方式来获得这个文本呈现为粗体时特定产品从DDL中选择?

我已经引用了this,但是这样做和上面一样。

任何帮助表示赞赏。

+1

你们是不是要格式化文本区域中的所有文本?或有选择地格式化它? – jwatts1980

+1

基本的textarea不支持选择性格式。你需要一个插件来支持丰富的文本。 – jwatts1980

+1

注意:'string.bold()'已弃用,不应使用。请参阅:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/bold –

回答

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; } 
+0

是的,确实有效 –

1

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

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

这应该可以解决您的问题。

+0

我收到一个错误,说'粗体'是未定义的 –

+0

编辑我的答案。粗体应该是一个字符串。 –