Question

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

到目前为止，我已将它用于点击颜色的位置，它会在隐藏字段内设置十六进制颜色。我怎样才能根据隐藏字段结果用css更改textcolor。

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

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

onclick =“document.getElementById（'color'）。value ='＃fffffff';”/＆gt;

这是我最喜欢的一个JSFIDDLE：

jsfiddle.net/ymG6t

Answer 1

好的我明白了！而不是使用 onclick =“document.getElementById（'color'）。value ='＃fffffff';”/＆gt; 我用过：onclick =“document.getElementById（'color'）。style.color ='＃fffffff';” /＆GT; 到场上。不需要隐藏的场地！

Answer 2

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

<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标记，例如<html>，<head>，然后<body>，当然还有{{1}}关闭标记。使用它作为参考，您可以根据需要修改代码/脚本。
可能有帮助！：d

需要使用隐藏字段结果更改textarea内的文本颜色

2 个答案: