0

我有一个表格，它有一个文本区域。当他们单击预期的颜色时，我希望能够在文本区域内设置文本的文本颜色。

到目前为止，当他们单击颜色时，我将它设置为隐藏字段内的十六进制颜色。我怎么能根据隐藏字段结果用css改变textcolor。

我不认为我可以使用 GET/POST 方法更改 CSS，因为我希望颜色立即更改，而不仅仅是在发布表单时。有没有办法用 javascript 或 PHP 做到这一点？

我使用（通过img src）将颜色设置为隐藏字段：

onclick="document.getElementById('color').value = '#ffffff';" />

这是我迄今为止所拥有的JSFIDDLE：

jsfiddle.net/ymG6t

4

2 回答 2

0

好的，我想通了！而不是使用 onclick="document.getElementById('color').value = '#ffffff'; " /> 我使用： onclick="document.getElementById('color').style.color = '#ffffff';" /> 到字段本身。无需隐藏区域！

于 2013-05-22T15:54:47.103 回答
0

我有一个解决方案。复制并粘贴以下代码：

<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，则必须在header，body等添加html标签，例如<html>开头，<head>然后<body>是，当然还有它的close标签。将其用作参考，您可以根据需要修改代码/脚本。
可能有帮助！:D

于 2013-07-25T03:21:04.307 回答