需要改變textarea內的textcolor和hiddenfield結果

我有一個窗體，它有一個文本區域。我希望能夠在文本區域內單擊想要的顏色時設置文本的文本顏色。需要改變textarea內的textcolor和hiddenfield結果

到目前爲止，我已經到了他們點擊顏色的地方，它將隱藏字段設置爲十六進制顏色。我怎麼能根據隱藏域的結果去改變CSS的文本顏色。

我不認爲我可以使用GET/POST方法更改CSS，因爲我希望顏色立即更改，而不僅僅是當表單發佈時。有沒有辦法做到這一點與JavaScript或PHP？

我使用的顏色來使用hiddenfield的設置（通過IMG SRC）：

的onclick = 「的document.getElementById（ '顏色'）值= '#FFFFFF';」/>

這裏是我到目前爲止有一個的jsfiddle：

jsfiddle.net/ymG6t

來源

2013-05-22 micker

你能張貼一些代碼嗎？一個[JSFiddle]（http://jsfiddle.net/）是首選的方法。 –

我使用顏色設置隱藏字段使用（通過img src）： onclick =「document.getElementById（'color'）。value ='#ffffff';」/> – micker

http：// jsfiddle。 net/ymG6t/ （順便說一句，jsfiddle非常酷！） – micker

好吧，我想通了！而不是使用 onclick =「document.getElementById（'color'）。value ='#ffffff';」/> 我用：onclick =「document.getElementById（'color'）。style.color ='#ffffff' ;」 /> 到領域本身。不需要隱藏域！

來源

2013-05-22 15:54:47 micker

我有一個解決方案。複製並粘貼以下代碼：

<script> 
function change_color(col){ 
    if (col == 'red'){ 
     document.getElementById("text").style.color = '#f00'; 
    } 
    if (col == 'green'){ 
     document.getElementById("text").style.color = '#0f0'; 
    } 
    if (col == 'blue'){ 
     document.getElementById("text").style.color = '#00f'; 
    } 

} 

</script> 

<form> 
    <input type='radio' onchange="change_color(this.value)" name='color' value='red' >Red<br> 
    <input type='radio' onchange="change_color(this.value)" name='color' value='green' >Green<br> 
    <input type='radio' onchange="change_color(this.value)" name='color' value='blue' >Blue<br> 

    Text:<textarea id='text'>Here is the text that you want to change it's color</textarea> 
</form>

保存到擴展名爲* .php的新文件中。
如果要將其保存爲html，則必須爲標頭，正文和其他諸如<html>開頭的<head>，然後<body>添加html標記，當然還需要添加標記。使用它作爲參考，您可以根據需要修改代碼/腳本。
它可以幫助！：D

來源

2013-07-25 03:21:04

需要改變textarea內的textcolor和hiddenfield結果

回答

相關問題