用于根据用户的选择更改textarea的字体颜色的JavaScript

时间:2015-03-04 19:32:06

标签: javascript html colors textarea

好的,所以我正在尝试构建一个简单的文本处理器,用户将一些文本输入到textarea中,然后对其进行更改。 我坚持根据用户的选择更改textarea的字体颜色。你有什么想法怎么做?使用颜色选择器或下拉列表。

1 个答案:

答案 0 :(得分:1)

应该不是问题:JSfiddle

<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>

除非你需要别的东西。