使用JavaScript的多个下拉菜单？

Question

嗨，我已经为颜色创建了一个下拉菜单，当用户选择自己喜欢的颜色并单击“开始”时，它将显示一条消息，例如，如果用户选择红色然后选择“蓝色”并单击“去”，它将显示警报“就像天空！” 但它不能正常工作，我需要帮助

这是javascript的代码

<script type="text/javascript">
 $('.go-btn').click(function analyzeColor3(myColor) {


if (myColor == "Blue" && "Red") {
alert("Just like the sky!");
    }
else if (myColor == "Green" && "Black") {
    alert("Just like shiraz!");
}
else {
    alert("Suit yourself then...");
}



});

这是HTML代码

<h3>Favorite Color</h3>
<select>
<option name="fav_color3" value="Blue"> Blue <br /></option>
<option name="fav_color3" value="Green"> Green <br /></option>
</select>

<h3>Favorite Color</h3>
<select>
<option name="fav_color3" value="Black"> Black <br /></option>
<option name="fav_color3" value="Red"> Red <br /></option>
</select>
<button class="go-btn" onclick="analyzeColor3(this.value);" >
  go</button>

Answer 1

您的代码段包含很多错误，我对如何完成操作提出了小提琴 ，如果对此有任何疑问，请随时提出。

一些错误：

• 您没有var myColor
• 您没有功能analyzeColor3
• myColor == "Blue" && "Red"将不起作用，您必须像这样进行操作myColor == "Blue" && myColor == "Red"
• 您不必绑定两次onclick ，一次就足够了。

---

 $('.go-btn').click(function() {
   var color1 = $("#color1").val();
    var color2 = $("#color2").val();

   if (color1 == "Blue" && color2 == "Red") {
       alert("Just like the sky!");
   }
   else if (color1 == "Green" && color2 == "Black") {
       alert("Just like shiraz!");
   }
   else {
       alert("Suit yourself then...");
   }
})