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

您的片段包含了很多錯誤，我做了一個Fiddle關於如何做，如果您有任何疑問，請隨時詢問。

一些錯誤：

• 你沒有擁有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..."); 
    } 
})