javascript，使用下拉菜单选择文本的颜色

我正试图用下拉菜单改变输入文本的颜色，但它不起作用。请帮忙

函数selectColor（）
{ 
var color=document.getElementById（'colors'）。值；
document.getElementById（“text1”）.style.color=color；
}

文本颜色：
红色
绿色
蓝色
粉红色
文本颜色有三件事：


使用脚本标记
首选
select
标记的
onchange
事件
添加带有
text1
id、span、div、段落的标签，由您选择



函数selectColor（）
{ 
var color=document.getElementById（'colors'）。值；
document.getElementById（“text1”）.style.color=color；
}
文字颜色：
红色
绿色
蓝色
粉红色
颜色选择您的代码有多个问题，有些问题在另一个答案中提到

1.关闭选项标签

2.将第一个选项设置为禁用（更好）

用这个


函数selectColor（）
{ 
var color=document.getElementById（'colors'）。值；
document.getElementById（“text1”）.style.color=color；
}
文本颜色：
挑选
红色
绿色
蓝色
粉红色
参见下面的示例。
您需要使用“setAttribute”：


函数selectColor（）
{ 
var color=document.getElementById（'colors'）。值；
document.getElementById（“text1”）.setAttribute（'style'，'color:'+color）；
}
文本颜色：
红色
蓝色
现在看，我是一个低调javascript的超级粉丝。如果可能的话，我将把脚本从HTML中分离出来。下面是一个H3和一个select，脚本本身定义了事件处理程序


document.getElementById（“颜色”）.onchange=selectColor；
函数selectColor（）
{ 
var color=document.getElementById（'colors'）。值；
document.getElementById（“text1”）.style.color=color；
}
文本颜色：
红色
绿色
蓝色
粉红色
首先，您需要将javascript放在脚本标记中。我只是没有把它们放在这里。我还想补充一点，您需要关闭
选项
标记，不要在
h3
标记中包含您的选择框，也许可以将您的第一个值从“无”更改为“黑色”。您真的没有。El.style.color=。。。这是完全可以接受的。