2016-05-25 44 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

編輯我的答案。粗體應該是一個字符串。 –