Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用于根据用户更改文本区域字体颜色的JavaScript';选择_Javascript_Html_Colors_Textarea - Fatal编程技术网

用于根据用户更改文本区域字体颜色的JavaScript';选择

用于根据用户更改文本区域字体颜色的JavaScript';选择,javascript,html,colors,textarea,Javascript,Html,Colors,Textarea,好的,我正在尝试构建一个简单的文本处理器,用户在文本区域中键入一些文本,然后对其进行更改。 我一直坚持根据用户的选择更改文本区域的字体颜色。你知道怎么做吗?使用颜色选择器或下拉列表。应该没有问题: 一些文本 黑色 红色 蓝色 绿色 //jQuery,但您可以对vanila JS执行同样的操作 $('select')。在('change',function()上{ $('textarea').css('color',$(this).find(':selected').val()); }); 除非

好的,我正在尝试构建一个简单的文本处理器,用户在文本区域中键入一些文本,然后对其进行更改。 我一直坚持根据用户的选择更改文本区域的字体颜色。你知道怎么做吗?使用颜色选择器或下拉列表。

应该没有问题:

一些文本
黑色
红色
蓝色
绿色
//jQuery,但您可以对vanila JS执行同样的操作
$('select')。在('change',function()上{
$('textarea').css('color',$(this).find(':selected').val());
});
除非你需要别的东西

<textarea>Some text</textarea>
<select>
    <option value="#000000">black</option>
    <option value="#FF0000">red</option>
    <option value="#0000FF">blue</option>
    <option value="#00FF00">green</option>
</select>

<script> //jQuery, but you can do the same with vanila JS
$('select').on('change', function() {
    $('textarea').css('color', $(this).find(':selected').val());
});
</script>