颜色更改下拉菜单javascript var redtoggle=false；函数togglered（） { redtoggle=！redtoggle；如果（红色切换） { document.getElementById（“txtInput”）.style.color=“红色”； } 其他的 { document.getElementById（“txtInput”）.style.color=“黑色”； } } var-bluetoggle=false；函数toggleblue（） { bluetoggle=！bluetoggle；如果（蓝色切换） { document.getElementById（“txtInput”）.style.color=“蓝色”； } 其他的 { document.getElementById（“txtInput”）.style.color=“黑色”； } } var greentoggle=false；函数togglered（） { greentoggle=！greentoggle；如果（绿色切换） { document.getElementById（“txtInput”）.style.color=“绿色”； } 其他的 { document.getElementById（“txtInput”）.style.color=“黑色”； } } 变色变色红色蓝色绿色文本输入_Javascript_Html_Css

颜色更改下拉菜单javascript var redtoggle=false；函数togglered（） { redtoggle=！redtoggle；如果（红色切换） { document.getElementById（“txtInput”）.style.color=“红色”； } 其他的 { document.getElementById（“txtInput”）.style.color=“黑色”； } } var-bluetoggle=false；函数toggleblue（） { bluetoggle=！bluetoggle；如果（蓝色切换） { document.getElementById（“txtInput”）.style.color=“蓝色”； } 其他的 { document.getElementById（“txtInput”）.style.color=“黑色”； } } var greentoggle=false；函数togglered（） { greentoggle=！greentoggle；如果（绿色切换） { document.getElementById（“txtInput”）.style.color=“绿色”； } 其他的 { document.getElementById（“txtInput”）.style.color=“黑色”； } } 变色变色红色蓝色绿色文本输入

javascript html css

颜色更改下拉菜单javascript var redtoggle=false；函数togglered（） { redtoggle=！redtoggle；如果（红色切换） { document.getElementById（“txtInput”）.style.color=“红色”； } 其他的 { document.getElementById（“txtInput”）.style.color=“黑色”； } } var-bluetoggle=false；函数toggleblue（） { bluetoggle=！bluetoggle；如果（蓝色切换） { document.getElementById（“txtInput”）.style.color=“蓝色”； } 其他的 { document.getElementById（“txtInput”）.style.color=“黑色”； } } var greentoggle=false；函数togglered（） { greentoggle=！greentoggle；如果（绿色切换） { document.getElementById（“txtInput”）.style.color=“绿色”； } 其他的 { document.getElementById（“txtInput”）.style.color=“黑色”； } } 变色变色红色蓝色绿色文本输入,javascript,html,css,Javascript,Html,Css,所以我做了一个单词拥有者，我遇到了一个问题，我不能改变文本的颜色，我还添加了一种改变文本格式的方法，但是所有的方法都有效，我需要一些帮助来改变文本的颜色。如果有人愿意帮助我，告诉我哪里出了问题。你的javascript代码是正确的，但为什么你在选择选项之间有这个问题 <!DOCTYPE html> <html> <head> </head> <body> <script> var redtoggle=false; func

所以我做了一个单词拥有者，我遇到了一个问题，我不能改变文本的颜色，我还添加了一种改变文本格式的方法，但是所有的方法都有效，我需要一些帮助来改变文本的颜色。如果有人愿意帮助我，告诉我哪里出了问题。

你的javascript代码是正确的，但为什么你在选择选项之间有这个问题

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
var redtoggle=false;

function togglered() 
{
redtoggle = !redtoggle;
if (redtoggle)  
{
    document.getElementById("txtInput").style.color = "red";
}
else 
{
    document.getElementById("txtInput").style.color = "black";
}
}
 var bluetoggle=false;

function toggleblue() 
 {
bluetoggle = !bluetoggle;
if (bluetoggle)     
{
    document.getElementById("txtInput").style.color = "blue";
}
else 
{
    document.getElementById("txtInput").style.color = "black";
}
}

 var greentoggle=false;

 function togglered() 
{
greentoggle = !greentoggle;
if (greentoggle)    
{
    document.getElementById("txtInput").style.color = "green";
}
else 
{
    document.getElementById("txtInput").style.color = "black";
}
}
</script>

 <select id="dropdown">
 <button onclick="myFunction()" class="dropbtn">color change</button>
 <div id="myDropdown" class="dropdown-content">
 <option id="disabledselected" >color change</option>
 <option id="btnTogglered" onclick="togglered()">red</option>
 <option id="btnToggleblue" onclick="toggleblue()">blue</option>
 <option id="btnTogglegreen" onclick="togglegreen()">green</option>
 </div>
 </div>

<form>
 <div>
 TEXT INPUT
 <br>
 <input type="text" name="txtInput" id="txtInput">
 </div>
 </form>
 </body>
 </html>


变色
红色
蓝色
绿色

您的JavaScript代码中有一个输入错误。您已经定义了两次togglered函数。第二个应该是您的togglegreen函数。

始终尽可能简单

函数myFunction（c）
{
document.getElementById（“txtInput”）.style.color=c；
}


黑色
红色
绿色
另一个


输入文本：

thanx感谢您的帮助，帮助解决了我遇到的一些问题。哦，谢谢您，直到您指出我才注意到。谢谢您，但我不明白（c）如何允许您更改颜色，您能向我解释一下吗please@WalterMunemo嗯

被称为

myFunction

的参数。更改select时，将使用

c=this.options[this.selectedIndex].value调用onchange
中的函数。这里指的是select元素。通过这种方式，我们将所选颜色传递给myFunction
。因此，每次更改选择时，c的值都会更改为所选选项的值。
<button onclick="myFunction()" class="dropbtn">color change</button>
<div id="myDropdown" class="dropdown-content">

<select id="dropdown"> 
  <option id="disabledselected" >color change</option>
  <option id="btnTogglered" onclick="togglered()">red</option>
  <option id="btnToggleblue" onclick="toggleblue()">blue</option>
  <option id="btnTogglegreen" onclick="togglegreen()">green</option>
</select>
 <button onclick="myFunction()" class="dropbtn">color change</button>
 <div id="myDropdown" class="dropdown-content"></div>