2014-10-10 125 views
0

我的AJAX調用返回一個字符串在我的第一個字符串會像這個代碼轉換HTML標記字符串

response[0]=2 

response[1]= Enter the reasons the application is being returned,<br><br><span style="color: red; font-weight: bold;">* Caution! The text of this Message will be included in notices sent to the applicant *</span> 

,我分配這對我的輸入標籤的ID這樣

document.getElementById('messageHint').value = response[1] ; 

但它不中的HTML渲染這些<br><span>標籤,插件tead它只是以相同的格式顯示它們。我該如何解決這個問題。

我嘗試了不同的apporches,如parse.Html()$html.prop('outerHTML');,但都沒有向我展示所需的輸出。

+0

也許'的document.getElementById( 'messageHint')的innerHTML =反應[1];'? – 2014-10-10 13:26:46

+0

'.value'不適合放置HTML。 .innerHTML或.innerText(不) - 更適用。 – Jason 2014-10-10 13:33:39

+0

如果你使用jQuery,爲什麼不只是'$('#messageHint')。html(response [1])'? – 2014-10-10 13:36:25

回答

1

我想你需要使用document.getElementById('messageHint').innerHTML來代替。

LIVE DEMO

+0

很酷,謝謝 – user2593318 2014-10-10 13:33:09

+0

呦歡迎。 :d – 2014-10-10 13:35:32

0
You can give only one style to one placeholder like this: 

<style> 

input::-webkit-input-placeholder { font-size: 16pt; color: #555; } 
input::-moz-placeholder { font-size: 16pt; color: #555; } 
input:-ms-input-placeholder { font-size: 16pt; color: #555; } 
input:-moz-placeholder { font-size: 16pt; color: #555; } 

input.other::-webkit-input-placeholder { font-size: 12pt; color: red; } 
input.other::-moz-placeholder { font-size: 12pt; color: red; } 
input.other:-ms-input-placeholder { font-size: 12pt; color: red; } 
input.other:-moz-placeholder { font-size: 12pt; color: red; } 

</style> 

<input type="text" placeholder="Hello"></input> 
<input type="text" class="other" placeholder="Hello"></input> 

and yes, .innerhtml is used to put the content into a div, not into an input field. so that's not useful to you in anyway.