Javascript 使用选项更改按钮的文本颜色

我在选择上有些问题，有人能帮我吗？ 我有一个id为=“colorButton”的按钮，但我不知道如何使用选项更改其颜色

文本对齐：
红色
蓝色
绿色

您的代码包含很多错误，您只需要绑定一个更改事件处理程序并根据所选选项设置颜色

$（文档）.ready（函数（）{
$（“#颜色选择”）.change（函数（）{
$（“#testButton”）.css（“颜色”，$（'：selected'，this.text（））；
});
});

文本对齐：
红色
蓝色
绿色
按钮
您需要绑定到select like的更改事件：


$（文档）.ready（函数（）{
$（“#颜色选择”）.change（函数（）{
if（$（this.val（）==1）$（“#testButton”）.css（“颜色”、“红色”）；
})
});

文本对齐：
红色
蓝色
绿色
按钮
每个人都专注于使您的
代码
功能化。我用不同的方式努力解决你的问题

每个
选项
都有
数据颜色
属性。更改下拉列表时，选中选项的
数据颜色
值将被拾取并更改颜色。这样，您就不需要多个if-else


$（文档）.ready（函数（）{
$（'#colorSelect'）。在（'change'，function（）上{
var color=$（this）.find（':selected'）.data（'color'）；
$（“#测试按钮”）.css（“颜色”，颜色）；
});
});

文本对齐：
红色
蓝色
绿色
按钮
if（$（“#colorSelect”）。单击（）.val（“1”）{
不要使用if语句，将更改处理程序绑定到选项元素。另外，您说过您的按钮ID为
colorButton
，但在您的示例中使用了
$（“#testButton”）